Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Div-elementti venymään (CSS)

Toshiba [23.07.2008 11:53:19]

#

Tervehdys,

Eli ongelma on seuraavanlainen. Sivun korkeus on asetettu 100%, joka toimii mainiosti, mutta ongelmana vastaan tulee se, ettei keskellä oleva divi skaalaudu sisällön mukaan, vaan jos sisältyöä on paljon se tulee sieltä ulos!

Tietty sivut toimivat mainiosti jos korkeuden asettaa riittävän suureksi, mutta olisi tietty parempi pelata prosenttien kanssa :)

Ilmeisesti min-height: 100% toimii esim. firefoxilla mutta ei IE:llä.

Sain jonkinlaisen ratkaisun aikaan pistämällä Display:table ja vertical-aligmentin ylös? Jos jollain tulee mieleen parempi ratkaisu niin olen kiinnostunut :)

Merri [23.07.2008 13:15:56]

#

Saat toisenlaisen ratkaisun jos jaksat käyttää ehdollisia kommentteja, jolloin voit IE6:lle tarjoilla vähän eri CSS:ää (tässä tapauksessa height: 100%; kun Firefox ja IE7 saisi min-height: 100%). IE7 kyllä siis osaa min-heightin, kunhan pitää huolta siitä että käyttää Strict DOCTYPEä ja se sijaitsee tasan tarkkaan tiedostossa ensimmäisellä rivillä.

<!--[if lt IE 7]><style type="text/css">

TÄSSÄ ON TYYLIT JOTKA NÄKYVÄT VAIN IE6:LLE, IE5.5:LLE JA IE5:LLE.

</style><![endif]-->

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta