100% Height

För att slippa tänka på hur marginaler och indrag uppträder i olika webläsare så bör man lägga in en global nollning av dessa och sedan sätta det mer specifikt på de element där det behövs.
Lägg till följande högst upp i style.css:

* {
    margin:0;
    padding:0
}

Sätt inga marginaler på html, body{}
I FF blir det dubbelt så mycket; alltså 40px.
Lägg det istället på #container:

#container {
     margin:0 auto 0 20px;
}

Tackar och bockar! :birp

Nu dök ett nytt problem upp :S

Det ska fortfarand se ut som i IE...

http://nummersju.net/gute1/
http://nummersju.net/gute1/style.css

Det är marginlen på #annons som ger glappet.
Kör med padding-top:10px; på #container istället.

Tjenare.

1. Använd en korrekt DTD
2. Nollställ marginaler och padding med:

* { margin: 0; padding: 0; }

3. Sedan gör du som Insider skriver (tror jag ;) ).

mv icaaq

Mer problem :( Som vanligt stämmer det i IE men inte i FF...
http://nummersju.net/gute1/
http://nummersju.net/gute1/style.css

Flytande element försvinner ur dokumentflödet, varför #top-loggo vill börja på samma ställe som din meny.

En clear gör att elementet lägger sig nedanför alla flytande element.

#top-loggo {
      clear:left;
}

Läs mer:
http://www.autisticcuckoo.net/arkiv.php?id=2004/12/10/flytande

Förresten, se till att sidan validerar! Det minskar risken för olikheter mellan olika webläsare.

nummersju skrev:

Som vanligt stämmer det i IE men inte i FF...

det har jag aldrig hört tidigare!

HAHA, näää ;) Men jag vet att om det inte stämmer i FF så har man missat något himla viktig! Firefox for the win :)

vad är det som gör att sidan är lite mer än 100% nu? har kollat lite på exemplen men jag har inte hittat felet...
http://nummersju.net/gute1/
http://nummersju.net/gute1/style.css

när jag ändå e här så kan jag väl svara.

det beror på en marginal (margin) du har på, förmodligen ett stycke (paragraph på engelska).

oj då, ursäkta... det kan bero på det också och jag förutsatte fel sak

kollade en minut på din kod, den var ju simpel till min stora förnöjelse = snabbt gjort.

#container {
	width: 700px;
	min-height: 100%;
	background: #fff;
	text-align: left;
	margin: 0 auto 0 40px;
	padding-top: 10px;
	}

ta helt enkelt bort "padding-top:10px;"...

//henke

okej, ska försöka... för tar jag bort den blir det knäppt på annat håll ;)

vad blir knäppt då?