Hjälp med css

Någon som vet hur jag ska göra för att få så att sidan går ända ner till kanten i webbläsaren?

Det är divarna, maincontent och sidebar som ska täcka upp ytan.
När ni ser sidan så tror jag att ni förstår hur jag menar :)

http://www.projektvasaloppet.se/test/

Denna tråd kommer att lösa dina problem.
http://www.webforum.nu/showthread.php?s=&postid=793241#post793241

mv icaaq

margin-top: 0px;

Tack.

Nu har jag knåpat och försökt utifrån det där exemplet ett himla bra tag, jag får det inte att fungera. Det är divarna ovanför som ställer till det. Jag tror att de gör så att det blir 100% + antalet px som divarna ovanför har. Då fick jag en idé, att jag gör som det är gjort där nere fast en div där uppe, som är lika stor som loggan, menyn och utfylldnaderna. Sedan lägger man in en margin: 0 auto -194px auto; på den understa diven så att divarna åker ner och räknas till de där 100%:en. Men det verkar sig som att divarna lägger sig bakom main-diven. Nån som vet hur man kan göra för att få divarna att lägga sig framför, eller har något annan idé på hur man kan lösa det?

Sedan fick jag ett till fel, om det blir mycket text på sidan, så mycket text att det blir mer än de där 100%:en då skiter sig allting och det blir ett "glapp".
Det gick att få till, men då var jag tvungen att ta bort divarna maincontent och sidebar (de divarna som texten ska vara i) och ersätta dem med en div utan id. Men jag kan inte ha det så eftersom då skiter sig upplägget på sidan.

Första felet (utan lösningen med en "extra" div-ovanför):
http://www.projektvasaloppet.se/test/

Andra felet:
http://www.projektvasaloppet.se/test/andrafelet.html

EDIT:
Kan tillägga att andra felet inte existerar i ie.

Gällande andra felet:

Innuti #main har du har 2 element som båda har float-attribut på sig,
dessa två måste kombineras med en clear: both; innan #main stängs.
Detta för att du ska slippa glappet i slutet och för att få det att fungera ordentligt. :)

Mitt tips är att du bygger ut #fix så här:

[red]#fix{
     height: 49px;
     clear: both;
}[/red]

Alt.

[red]#fix{
     clear: both;
}[/red]

Okej.

Verkar inte fungera :/ förut hade jag clear:both på både #bgbottom och #bottom, ska man fortfarande ha kvar clear:both; på dem? Hur som helst har jag testat lite olika varianter och det vill inte fungera.

Nu har jag det bara på #fix. Nu blir det inte ett glapp utan texten lägger sig över divarna under.
http://www.projektvasaloppet.se/test/andrafelet.html

Hmm.. jag tycker du gör det svårare för dig än vad du igentligen behöver. ;)

En snabbkladd som fungerar bra både i FF, IE och OP:
http://member.webforum.nu/366/projektvasaloppet.htm

Tack för kladden :birp

Jag har nu utgått från kladden och gjort en sida som är 100%. I kladden blir sidan så lång som texten är. För att man ska få sidan 100% var jag tvungen att lägga till height: 100%; i #container men då när det blev mer text än 100% tillkom det där "glappet" igen. Om jag istället skrev min-height: 100%; försvann glappet. Men istället om det blev mindre text än 100% då krymptes sidan ihop och blev lika lång som texten inuti sidan.

Så här är den nu, jag har min-height: 100% i #container nu:
http://www.projektvasaloppet.se/test/

Den uppfattas olika i mozilla och ie. I ie slutar sidan under sista diven, medan i mozilla fortsätter bakgrunden ända ner.

Någon som har nån idé på hur man kan göra?

Pröva detta:

<!--[if IE]>
<style type="text/css">
#container {
	height:100%
}
</style>
<![endif]-->

Aha, tack, den där snutten hade jag glömt :)

Nu fungerar det när sidan är större än 100% men inte mindre.

Äntligen är det helg igen och man kan ägna lite tid åt hemsidebygge :)

Nu har jag under morgonen suttit och försökt få det att fungera. Jag har bara ett problem kvar nu och det är att man ska få med loggan och menyn att höra till de där 100%:en.

Så här har jag gjort nu (samma sätt som det står där uppe men förklarar igen), jag har lagt in en div i #main som heter #topfix som har samma höjd som loggobilden + meny. Sedan på meny diven har jag lagt in margin-bottom: -194px; ( höjden på loggobilden + meny).

Men det blir så att #main-bakgrunden lägger sig ovanför loggobilden och menyn. Jag testade då att använda mig utav funktionen z-index, men det ville inte fungera då heller. Nån som har någon idé på hur man kan få det att fungera?

EDIT: Jag fick det att fungera nu. Jag la in divarna ovanför #main in i #main.

Det fungerar nu i både IE och Mozilla men vill inte fungera i Opera. Förut när jag har gjort sidor brukar dom fungera i Opera när dom fungerar i Mozilla. Nån som vet hur man kan få det att fungera i Opera?

http://www.projektvasaloppet.se/test/