100% height

Hur gör jag för att få den ljusa bakgrunden bakom menyn 100%

Näe jag skriver 100 % i cssen så händer nada, anger jag ett fast px så fungerar det

Hjälp?!?

https://www.flippflopp.se/v2

html, body { height:100%; margin:0; padding:0; }

:)

Tack för hjälpen zcorpan, men det fungerar inte. Jag vill att div#menuvert ul ska sträcka sig över hela sidan, men det fungerar inte. Tryck på kontakta i menyn så förstår du lättare vad jag menar.

Aha, ta bort 'height:200px' på #content och sätt 'overflow:auto' på #wrap (och möjligtvis påtvinga hasLayout för IE med till exempel 'zoom:1'). :)

Näee, vad hände nu då?

wF har haft denna fråga uppe mer eller mindre just 100ggr. Sökte snabbt på wF och fick:

http://www.webforum.nu/showthread.php?t=120374&highlight=100
http://www.webforum.nu/showthread.php?t=129332&highlight=100

jarvklo´s variant som jag tror har haft fler träffar än wF snart §e
http://member.webforum.nu/2241/bottenfast_sidfot_plus_tvaspalt.html

div#wrap { overflow:auto; padding: 0 0 0 0; width: 720px; margin: auto; padding: 5px; background-color: white; } du har bla inget som säger hur hög den ska vara lägg in och testa med height:100%

Någon som vet vad anledningen kan vara till att height:100% på body, html inte fungerar i FF? Jag har försökt implementera jarvklos exempel på min site men ff hugger inte 100%.

Hmm...

Visst finns det några webbläsare som inte fixar den layouten - se http://www.webforum.nu/showthread.php?t=118914 - men FF skall kunna hantera den (och html,body {height:100%} ) klockrent...

Det kan också vara något annat i din kod som ställer till det - har du en länk till din sida så att man kan se helheten ?

Hej jarvklo, alla!

Kan man inte bara köra min-height:100% och height:100% i
#container direkt? Alltså hoppa över MISIE-hacket.

Hmm

Såvitt jag förstår kan man inte ha både "fasta" och "min-max-baserade" bredder samtidigt på ett block - så det är nog bara att glömma är jag rädd...

Hej,
ett utdrag ur en artikell på alistapart.com

"Working around some limitations

Internet Explorer 5.x/Windows always renders a web page in quirks mode. If you set a block element’s height to 100%, in quirks mode, the element uses the height of the viewport. Now if you could only declare a height of 100% for the container, this would fix the problem from the first example and make the technique work in IE5/Windows too. Note that if you set the height of the container to 100%, in standards mode the footer will always stay at the bottom of the browser window.

Using the box model hack, you can pass style rules to Internet Explorer 5.x/Windows only. You define the height of the container as follows:

#container {
position: relative;
min-height: 100%;
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
}

html>body #container {
height: auto;
}

..."