Hur får jag ovanstående rubrik att fungera?
Som det ser ut nu har jag satt height: 100% på html, body i cssen och även 100% på den divven jag vill ska sträcka sig från toppen till botten av webbläsarens fönster. Detta fungerar inte i Firefox tyvärr ...
DIV height 100% i firefox
8 svar · 321 visningar · startad av maqe
Mitt stylesheet:
html, body
{
height: 100%;
}
#containerdiv
{
width: 770px;
height: 100%;
}
koden i min aspx sida har bara en centrerad div med ett id
#containerdiv
{
width: 770px;
[b]min-height: 100%;[/b]
}
Det fungerade inte så bra det ... Verkar som att min <form> tagg strular till det för gör jag bara en vanlig html sida så är det inga problem att köra div height.
Hmm...
Alltid lika svårt att gissa vad felet är när man inte har hela bilden...
Tipsen från Web-Tors länk skrev:
Om du har möjlighet att skicka med en länk till sidan där problemet finns underlättar detta.
OK, i den yttersta div taggen lägger du detta för höjden:
#container
{
height: auto;
* height: 100%;
min-height: 100%;
}
Height: auto och min-height: 100% fixar det i FireFox men det strular till för IE så därför har du vanliga height: 100% med en stjärna framför istället, då hittar IE den men inte FireFox.
Såhär så kommer div taggen att alltid vara åtminståne 100% men du behöver också denna kod i din stilmall för att täcka hela sidan i FireFox:
html, body {height: 100%;}
edit: ser du har detta redan ^^^
edit #2:
Pröva din kod såhär:
html, body
{
height: 100%;
}
#containerdiv
{
width: 770px;
* height: 100%;
height: auto;
min-height: 100%;
}
Det blir tyvärr ingen skilnad med den där koden. Däremot om jag sätter style="height:100%" på min form tagg så händer det grejer i firefox men det blir tyvärr inte så bra som det ska vara hehe ... svårt att förklara mer ingående och jag har inte möjlighet att länka till siten.
Kan du inte lägga upp sidan (inkl stilmallen) på http://www.webforum.nu/userfiles.php ?