Gå til innhold

Bestemme div-cellens minimum høyde med css


Anbefalte innlegg

Problem definition:

Jeg har en hovedcelle som inneholder en rekke mindre celler(nyheter).

Dette er altså <div>-blokker. (Vet ikke hva det heter... celler? blokker? whatever!).

Problemet er at dersom det er kun én nyhet på forsiden, blir hoved-cellen altfor kort. Enden: tror du hadde det samme problemet på disabused.

Det jeg altså ønsker, er å sette hovedcellens høyde til f.eks 600px.

Problemet er da at netscape og mozilla nekter å ekspandere hovedcellen proporsjonellt med innholdet.

Noen som har en løsning på dette? FuLu? My man?! IBM'97-buddy?

Lenke til kommentar
Videoannonse
Annonse

Snodig. Prøvde det i en test-html, uten hell. Gjørde da slik:

<div style="border: 1px solid black">
<div style="float:right;height:600px;visible:hidden;width:1px"></div>
Svært lite innhold her ja.
</div>

Men dette funket ikke.

 

Utifra hva jeg kunne se er det helt likt det som er på eksemplet ditt, så bare for morro skyld pastet jeg jukse-div'en rett i designet mitt, og da funket det! Snodig.

 

Uansett. Hjertlig takk for hjelpen. Hadde det ikke vært for eksempelet ditt, hadde jeg sikkert skallet hodet i veggen ennå. ;)

Lenke til kommentar
er jo ting som heiter min-height/min-width , som riktignok ikkje støttast av IE....

 

At microsoft ikkje tar til seg ting!

Derfor jeg bruker den metoden, jeg bruker jo min-height i tillegg til den content-spacer, content-spacer er bare for IE. Når den dag IE støtter min-height, da kan du bare fjerne den content-spacer "hacken", og siden vil se bra ut i IE og.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...