Keskustelu: Nettisivujen teko: Vierekkäiset divit venyy yhtäaikaa?

Tätä on varmaa puitu moneen kertaan, mutta en ole löytänyt mistää vastausta, tai en ole tiennyt oikeaa hakusanaa.

Elikkä minulla on tulossa uudet sivut: Tämmöiset

Kun tuossa on toi sivupalkki mihin olisi tarkoitus tulla navigointi painikkeet/linkit, niin miten sen saisi venymään järkevästi tuon sisältö kentän kanssa? Näin

Javascripsillä varmaan onnistuisi, mutta sitä en käytä ulkoasuu, tietyistä syistä.

Nimimerkillä: Pariviikkoa testaillut.

lisäämällä display:table; diviin jossa tuo tausta on, saat sen venymään tuon sisällön mukana, menu ei edelleenkään kasva mutta jos siinä ei ole erillistä taustaa niin sitä ei huomaa

Menettelin aikanaan niin, että määrittelin linkkisarakkeen leveyden vakioksi 105 px ja muu taulukko joustaa näytön mukaan. Pakotan linkkien nimet tuohon vakioon. JVM
http://pp.kpnet.fi/jvm/jvm/tyylit.css

Wrapper -div ja määrittelet sitten valikon korkeuden absoluuttisesti wrapperin mukaan (top: 0px, bottom: 0px).
Tässä on idea, lisätietoa toteutuksesta saa kysymällä.

Ei jaksa selittää kamalasti tällä kertaa, joten tässä on vaan koodia:

http://kontu.selfip.info/html.css.js/pielinen_leiska.html

Jos floatti on pidempi, niin tuo :after-temppu tekee #wrapperista kyllin pitkän. IE taas bugaa luonnostaan niin että pistää floatin kokonaan näkymään, vaikka se ei tue :afteria. Jos taas #main on pisin, niin #wrapper venyy sen mukaisesti.

Valikon taustaväri on #wrapperissa. Käytin Strictiä koska Transitional on tarkoitettu vanhoille päivitettäville sivuille, ei täysin uusille sivuille. Siistin koodin käyttämään muitakin elementtejä kuin divejä.

#menun height: 474px; voi olla myös min-height, laitoin heightin IE6:n takia. Ehdollisilla kommenteilla voi tarjota IE6:lle korjauksia.

Tuo Merrin idea tuntuu toimivan hyvin, suuret kiitokset kaikille vastanneille, kyselen lisää jos ongelmia ilmenee.

Ps, Kumpa kaikki selaimet olisivat muuta kuin ie, niin nettisivujen tekeminen helpottuisi ;)