27 svar · 1 267 visningar · startad av johannaloke
Försöker få till så att min sidfot alltid ligger längst ner på sidan oavsett om man inte fyller sidan helt.
Som det är nu så hamnar sidfoten mitt på sidan om jag bara har text dit.
Är det däremot massa text hamnar den längst ner som jag tycker är rätt.
Min fråga är då hur får jag den att ligga längst ner även om jag inte fyller ut sidan? Går det?
Har provat med height och width i body-taggen men det gjorde ingen skillnad.
//Johanna
Jag har ungefär samma problem. Jag skulle vilja att en tabell vr 100% hög och fyllde ut ett vitt mellanrum mellan en meny och en kant jag har. Det går ju att specifiera och bestämma det med antalet pixlar, men vi vill ju ha det i procent, och då 100%!
Help us.
<div style="position: absolute; bottom: 10px;">
Fotnot: Grr
</div>
Men Dino, ta en titt på denna bild: https://www.dileno.hel.nu/gst/1.gif
Min meny kommer definitivt inte att vara så där stor, nu har jag enbart lagt till en massa länkar för att det ska se symmetriskt ut på startsidan. Alla undersidor kommer ju att vara olika höga beroende på texten som finns på de sidorna, och beroende på hur höga de är så vill jag ex. kunna använda mig av en tabell som fyller ut avståndet underkant meny till övre underkant.
Jag har funderat på att använda mig av en iframe men ser det ej som ett alternativ..
Varför inte en tabell med height 100%?
PepeJeria skrev:
Varför inte en tabell med height 100%?
Det är just det som inte fungerar. Inte över huvud taget..
Jag har denna kod men tabellen blir lika platt och tom ändå:
<table cellpadding="3" cellspacing="2" border="0" height="100%">
<tr>
<td height="100%"></td>
</tr>
</table>
<table cellpadding="3" cellspacing="2" height="100%">
<tr>
<td valign="top">längts upp</td>
</tr>
<tr>
<td valign="bottom">längts ner</td>
</tr>
</table>
Då får jag testa den koden sen. :)
Tack.
testa att sätta height 100% på body också.
andreas_lindh skrev:
testa att sätta height 100% på body också.
Aja bajja! Inte använda height-attributet till body!
w3schools XHTML-transitional ddt skrev:
<!-- Document Body -->
<!ELEMENT body %Flow;>
<!ATTLIST body
%attrs;
onload %Script; #IMPLIED
onunload %Script; #IMPLIED
background %URI; #IMPLIED
bgcolor %Color; #IMPLIED
text %Color; #IMPLIED
link %Color; #IMPLIED
vlink %Color; #IMPLIED
alink %Color; #IMPLIED
>
..och dessvärre fungerade inte Pepejerias kod. Dessutom ska jag ej heller ha text i den tabellen.
m_soderlund skrev:
Aja bajja! Inte använda height-attributet till body!
Jag tror nog att Andreas menade body i css-mallen, vilket är fullt tillåtet. ;)
*går och testar*
Nope, det fungerade ej heller.. :(
soderlund kan du på bilden du skickad rita in pilar för vad du menar, förstår inte riktigt vilken del du pratar om. Är antagligen väldigt trög eller väldigt trött.
Så här ser min kod ut:
<table cellpadding="3" cellspacing="0" border="0" class="menu" width="150px" height="100%">
<tr>
<td valign="top" onmouseover="this.style.backgroundColor='#8493A4';" onmouseout="this.style.backgroundColor='#A5B0BC';"
onclick="this.document.location='default.asp?cat=default';" style="cursor:hand;">
<img src="pil.gif" border="0" alt="" /><a href="default.asp?cat=default">Startsidan</a>
</td>
</tr>
<tr>
<td valign="top" onmouseover="this.style.backgroundColor='#8493A4';" onmouseout="this.style.backgroundColor='#A5B0BC';"
onclick="this.document.location='default.asp?cat=portfolio';" style="cursor:hand;">
<img src="pil.gif" border="0" alt="" /><a href="default.asp?cat=portfolio">Portfolio</a>
</td>
</tr>
<tr>
<td valign="top" onmouseover="this.style.backgroundColor='#8493A4';" onmouseout="this.style.backgroundColor='#A5B0BC';"
onclick="this.document.location='default.asp?cat=contact';" style="cursor:hand;">
<img src="pil.gif" border="0" alt="" /><a href="default.asp?cat=contact">Kontakt</a>
</td>
</tr>
<tr>
<td valign="top" onmouseover="this.style.backgroundColor='#8493A4';" onmouseout="this.style.backgroundColor='#A5B0BC';"
onclick="this.document.location='default.asp?cat=newsletter';" style="cursor:hand;">
<img src="pil.gif" border="0" alt="" /><a href="default.asp?cat=newsletter">Nyhetsbrev</a>
</td>
</tr>
[red]<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" height="100%">
<tr>
<td valign="bottom" bgcolor="#A5B0BC" height="100%">
</td>
</tr>
</table>
</td>
</tr>[/red]
</table>
Det som är markerat i rött är den tabellen som jag vill ska vara 100%, oavsett hur hög tabellen med innehållet är (en tabell jag inte tagit med i koden..).
Här ser ni hela sidan: http://www.dileno.hel.nu/gst
Jag har tagit bort lite länkar i menyn, för att koden ska bli mer överskådlig. Dock är det inget som berör själva koden jag postade. :D
red// Fattar nu. Har kollat på hela koden, tagit bort en del kod fel, men förstår faktiskt inte varför det inte fungerar. Verkar va browser specifikt för det fungerar i Mozilla.
m_soderlund skrev:
Aja bajja! Inte använda height-attributet till body!
Precis som palle skrev så menade jag att du skulle sätta height på body din css fil
Dino skrev:
red// Fattar nu. Har kollat på hela koden, tagit bort en del kod fel, men förstår faktiskt inte varför det inte fungerar.
Japp! Utan att jag har text i cellen. Och det är just det jag inte får till.. :(
Uj - du hann utföra din redigering sekunden innan jag klickade på "citera". :D
.mMen koden fungerar inte i alla fall. Vad är det för kodfel du fixat?
Redigerade igen :)
Det fungerar i alla fall inte i IE.. :(