div slutar efter en skärmlängd

Jag har lyckats få div'en att täcka hela höjden på sidan..
det ser bra ut, ändå tills det kommer så pass mycket text på sidan att det inte får plats på en "skärm"..
div'en slutar där, men texten fortsätter under..

http://www.bergsland.net/problem.htm
http://www.bergsland.net/main.css

(problemen uppstår bara i firefox)

Jag tror att denna artikel från alistapart kan hjälpa dig.

http://www.alistapart.com/articles/fauxcolumns

Annars kan du söka på forumet då detta varit uppe ett antal gånger.

mv icaaq

jag har redan sökt på forumet, men inte hittat ngn hjälp där..

läste artikeln på alistapart men förstod inte riktigt hur det skulle hjälpa.

:(

Edit:
Jag kanske förstår förresten.
men om man gör på det viset så kommer det bara fungera i en upplösning.. eller hur?
eftersom jag det vita är 60% av skärmen..
men jag får väl ändra till ett fast värde..

ska testa

Gör såhär: Ta bort height: 100% och lägg till min-height: 100%; i pageWrapper. Fauxcolumns är enligt mig en riktigt inelegant lösning rakt av.

tack, det funkade..
fast bara halvbra..
min-height blir bra i firefox men inte IE
height blir bra i IE men inte firefox

men jag använde ett script som kör olika stilmallar beroende på webläsare..

men en följdfråga.
nu laddar jag olika .css -filer beroende på webläsare..
kan man få samma effekt fast med bara en .css-fil
för det enda som skiljer dem åt är

för IE

html #pageWrapper
{
	height:100%;
}

för FF

html #pageWrapper
{
	min-height:100%;
}

så när man sedan vill ändra något annat i stilmallen så måste man ju ändra i två filer..
alltså vore det enklare om man kunde ändra stil på plats i htm-filen o då använda samma .css till alla..

blev det rörigt nu?

/* ff och andra */
html #pageWrapper
{
	min-height:100%;
}
/* ie */
/* göm för iemac \*/
* html #pageWrapper
{
	height:100%;
}
/* sluta göm för iemac */

/ m a r t i n

hehe.. tack

jag visste väl att det skulle finnas en enkel lösning..

så en * betyder att det bara ska gälla ie..

Nix, * betyder "alla element inom..." men ie är den enda browsern som (felaktigt) använder "* html" (html ska vara top-elementet i ett html-dokument, därför ska det egentligen inte stödjas). Trevlig bugg som jag utnyttjar en hel del.

http://penguin.theopalgroup.com/cgi-bin/css3explainer/selectoracle.py

* html

Selects any html element that is a descendant of any element.

http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html

Här finns bra tips på hur man låter olika webbläsare få olika css:
http://leftjustified.net/journal/2004/10/07/css-negotiation/

Jag brukar göra så att alla filer laddar en grundläggande stilmall. IE laddar en extra med hjälp av conditional comments och i den kan jag ladda ytterligare extra stilmallar till bara exempelvis ie5.0 med Tanteks band-pass-filter som beskrivs där.

På så vis behöver inte alla webbläsare ladda ner de extra stilmallarna och jag håller min huvudstilmall ren från ie-fixar.