div slutar efter en skärmlängd

9 svar · 315 visningar · startad av Cale 13 jan. 2005

CaleMedlem sedan mars 200490 inlägg

Frågan13 jan. 2005 23:55#1

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)

icaaqMedlem sedan okt. 20005 273 inlägg

14 jan. 2005 06:40#2

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

CaleMedlem sedan mars 200490 inlägg

14 jan. 2005 07:58#3

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

CheguelinMedlem sedan juli 2003303 inlägg

14 jan. 2005 08:08#4

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.

CaleMedlem sedan mars 200490 inlägg

14 jan. 2005 09:41#5

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?

martinMedlem sedan apr. 2000313 inlägg

14 jan. 2005 09:53#6

/* 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

CaleMedlem sedan mars 200490 inlägg

14 jan. 2005 10:13#7

hehe.. tack

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

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

martinMedlem sedan apr. 2000313 inlägg

14 jan. 2005 10:24#8

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.

zcorpanMedlem sedan dec. 20042 245 inlägg

14 jan. 2005 10:54#9

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

TinwëlintMedlem sedan maj 2004451 inlägg

14 jan. 2005 14:32#10

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.