HJELP: css, sette minumum høyde

[danyl]

Jeg har en DIV-blokk i CSS som ikke skal være mindre enn en satt høyde på 600px, men samtidig skal denne blokkens høyde være varierende, sånn at hvis tekst inne i blokken blir mere enn 600px så blir dem lengere...

 

Er dette mulig og hvordan?

[potetskrell]

min-height: 600px;

 

Sette til diven.

[danyl]

Jeg fikk ikke det til å virke hverken i Firefox eller IE....

[potetskrell]

Ja, da har du gjort en feil. Se her!

 

Jeg vil se koden din.

 

Og jeg har nå 1337 innlegg.

[Haraldson]

Og jeg har nå 1337 innlegg.

Du er tydeligvis ikke 1337 av den grunn.

 

Neida. IE greier ikke denne koden, men det skal faktisk FF klare. Sikker på at det ikke fungerte?

 

Finnes imidlertid en «hack» for å få til samme effekt i IE, og jeg fant en her. Ikke det beste eksempelet jeg har sett, dog.

[potetskrell]

IE greier ikke denne koden

Who gives a shit!

 

 

Hehe, jo, når det blir for lite innhold svikter IE

Endret 5. januar 2005 av Ingardj

[danyl]

Ingardj: se PM for link....

[Cucum(r)]

#eks {
height: auto!important;
min-height: 500px;
height: 500px;
}

[Haraldson]

Who gives a shit!

Jeg, og alle andre seriøse webdesignere. Siden skal om mulig vises likt i alle nettlesere, så sant det er mulig. Hvor langt bakover i versjonene en side skal være kompitabel får være opp til hver enkelt.

 

SirIce:

Endret 5. januar 2005 av Mr.Berg

[danyl]

#eks {
height: auto!important;
min-height: 500px;
height: 500px;
}

Den koden virka bra i IE men ikke i Firefox av en eller annen grunn...

[potetskrell]

#eks {
height: auto!important;
min-height: 500px;
height: 500px;
}

Den koden virka bra i IE men ikke i Firefox av en eller annen grunn...

Se pm + det sirice skrev

 

 

Berg: forsvant i edit.

[danyl]

Jeg har prøvd å det funker bare i IE...

 

sjekk selv med FF: http://www.legendelys.com/test2/priser.html

[Cucum(r)]

Du må legge til en div eller hr med clear: both; under de flytende elementene.

 

http://www.complexspiral.com/publications/containing-floats/

http://www.positioniseverything.net/easyclearing.html

Endret 5. januar 2005 av SirIce

[mohuhau]

Det er ikke min-height som ikke funker i firefox, problemet er at du bare har flytende elementer i #container og dermed får ikke #container noen høyde. Den enkleste måten å fikse det på er å legge til et element under #inner-container. Legg til dette rett etter du avslutter #inner-container-tagen din.

<div style="clear: both;"> </div>

Eller du kan gjøre det bare i css med :after på denne måten:

#inner-container:after { clear: both; content: "\00A0"; }

 

Edit: Byttet om firefox og ie.

Endret 5. januar 2005 av mohuhau

[Haraldson]

Det er ikke min-height som ikke funker i ie

Vel - jo.

[mohuhau]

Hehe, liten feil der, bytt ut ie med firefox så blir det rett

Endret 5. januar 2005 av mohuhau

[Cucum(r)]

Noe som forresten bør sjekkes ut er Dean Edwards IE7-bibliotek.

Dette JS-biblioteket gjør at IE 5.5 og 6.0 støtter så og si alt av selektorer og egenskaper som er definert i CSS2 og CSS3-spesifikasjonene.

 

Med dette biblioteket støtter IE6 flere CSS3-selektorer enn Firefox 0.9.

[Haraldson]

Med dette biblioteket støtter IE6 flere CSS3-selektorer enn Firefox 0.9.

Og det er avhengig av JS, er det så? Kjipt for de som kjører uten JS.

[Cucum(r)]

Med dette biblioteket støtter IE6 flere CSS3-selektorer enn Firefox 0.9.

Og det er avhengig av JS, er det så? Kjipt for de som kjører uten JS.

Hvis jeg skulle laget en ny side nå, ville jeg heller ekskludere kun de IE-brukerene som ikke har aktivert JS enn å ekskludere alle sammen.

Ville ikke du?

[Haraldson]

Hvis jeg skulle laget en ny side nå, ville jeg heller ekskludere kun de IE-brukerene som ikke har aktivert JS enn å ekskludere alle sammen.

Ville ikke du?

Ahh, jeg visste det kom et slikt svar. Jeg spurte om teknologien jeg, ikke om jeg hva ville ha brukt.