webForumDet fria alternativet

DIV height 100% i firefox

8 svar · 321 visningar · startad av maqe

maqeMedlem sedan dec. 2003824 inlägg
#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 ...

Web-TorMedlem sedan nov. 200013 890 inlägg
#2

Kod? (punkt 4)

maqeMedlem 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

InsiderMedlem sedan jan. 2000978 inlägg
#4
#containerdiv
{
	width: 770px;
	[b]min-height: 100%;[/b]
}
maqeMedlem 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.

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

His Divine ShadowMedlem 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%;
}
maqeMedlem 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.

jarvkloMedlem sedan juli 20013 378 inlägg
#9

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

125 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
122 ms — hämta tråd, inlägg och bilagor (db)