webForumDet fria alternativet

DIV height 100% i firefox

HTML & CSS

8 svar · 321 visningar · startad av maqe

Medlem sedan dec. 2003824 inlägg
Frågan#1

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 ...

Medlem sedan nov. 200013 890 inlägg
#2

Kod? (punkt 4)

Medlem sedan dec. 2003824 inlägg
#3

Mitt stylesheet:

html, body
{
	height: 100%;
}
#containerdiv
{
	width: 770px;
	height: 100%;
}

koden i min aspx sida har bara en centrerad div med ett id

Medlem sedan jan. 2000978 inlägg
#4
#containerdiv
{
	width: 770px;
	[b]min-height: 100%;[/b]
}
Medlem sedan dec. 2003824 inlägg
#5

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.

Medlem sedan juli 20013 378 inlägg
#6

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.

Medlem sedan sep. 20004 079 inlägg
#7

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%;
}
Medlem sedan dec. 2003824 inlägg
#8

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.

Medlem sedan juli 20013 378 inlägg
#9

Kan du inte lägga upp sidan (inkl stilmallen) på http://www.webforum.nu/userfiles.php ?

272 ms totalt · 3 externa anrop · v20260731065814-full.c4b5ca48
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
142 ms — hämta tråd, inlägg och bilagor (db)