Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: CSS: kaksi vierekkäistä div-boksia

HeadCheese [27.01.2008 00:19:51]

#

Mulla on sivulla kaksi vierekkäistä diviä, toinen on navigointia varten ja toiseen tulee sivujen sisältö. Tietysti se sisältö on aina sitä toista diviä korkeampi, joten pitäisi jotenkin saada CSS:llä se linkkiboksi venymään aina sen sisältöboksin kokoiseksi, muuten se näyttää vähän tökeröltä. Height: 100% olisi tietty yksi ratkaisu, mutta se toimii vaan firefoxilla. IE ja Opera eivät näytä tukevan heightiä. Yritin googlea ja hakua foorumeilta, muilla näytti olevan samanlaisia ongelmia mutta en löytänyt ratkaisua mistään.

Merri [27.01.2008 00:23:27]

#

Tästä oli ihan vähän aikaa sitten pitkähkö threadi, johon jaksoin suoltaa suhteellisen paljon sorsaa ihmeteltäväksi:
https://www.ohjelmointiputka.net/keskustelu/16416-xhtml-div-ja-css-opastusta-kaivataan

HeadCheese [27.01.2008 14:21:08]

#

Tämäpä olikin oikeastaan tosi helppo homma. Laitoin vaan nuo kaksi diviä toisen divin sisälle ja pistin tuolle container-diville saman taustan kuin sille linkkiboksille. Oikeasti se ei siis veny sen toisen divin mukana, vaan se vaan näyttää siltä.

<div id="container">

<div id="nav"> ... </div>

<div id="content"> ... </div>

</div>

Merri [27.01.2008 22:21:39]

#

Jep, se on se perinteinen helppo tapa tehdä se, jos ei tarvitse oikeasti täyteen mittaan venyvää elementtiä niin sekin toimii. Toisaalta joskus tyylittelyn monipuolisuuden kannalta voi olla tarvetta saada molemmat puoliskot venymään oikeasti täyteen mittaansa :)

Vastaus

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

Tietoa sivustosta