Moi!
Ongelma on, että sivuillani on kaksi diviä vierekkäin, toinen float: left ja toinen right. Haluaisin ne yhtä korkeiksi toistensa sisällöstä riippumatta. Kun oikeassa on enemmän sisältöä, ei vasen veny mukana. Tässä css koodia:
#sisarunko {
width: 100%;
overflow: hidden;
}
#vasen {
width: 155px;
float: left;
padding: 12px 0px 10px 10px;
}
#oikea {
text-align: left;
width: 70%;
float: right;
padding: 12px 22px 10px 0px;
}
Ja tässä html rakenne:
//koko höskä
//vasen oikea
tekstiä..
enemmän tekstiä
Ongelma on, että sivuillani on kaksi diviä vierekkäin, toinen float: left ja toinen right. Haluaisin ne yhtä korkeiksi toistensa sisällöstä riippumatta. Kun oikeassa on enemmän sisältöä, ei vasen veny mukana. Tässä css koodia:
#sisarunko {
width: 100%;
overflow: hidden;
}
#vasen {
width: 155px;
float: left;
padding: 12px 0px 10px 10px;
}
#oikea {
text-align: left;
width: 70%;
float: right;
padding: 12px 22px 10px 0px;
}
Ja tässä html rakenne:
//koko höskä
//vasen oikea
tekstiä..
enemmän tekstiä
Vastaukset 5
Vanhimmat
ei veny ei. Kun ei ole sisältöä joka sitä venyttäisi.
Jos nyt jostain syystä haluat palstojen pysyvän saman korkuisina, sisällöstä riippumatta, käytä taulukkoa.
Itse on oikein ymmärrä miksi divin käytöstä on tullut ikään kuin itsetarkoitus? Jopa taulukkoja kyhästellään diveillä ja nimenomaan kun on suunniteltu juuri sitä tarkoitusta varten.
Itse askartelin taannoin gallerian kanssa, jossa pikkukuvia, alla tekstiä (enemmän tai vähemmän) ja niiden ympärillä kehys. Halusin kehyksen olevan kussakin kuvassa/tekstissä saman kokoinen. Onnistui äärettömän helposti taulukkoa käyttämällä.
EI KANNATA KÄYTTÄÄ TAULUKOITA...Olen itse huomannut ongelmat...jos käytät taulukoita, et voi koskaan olla varma miltä sivut näyttävät toisten ruuduilla... -tagi on tarkoitettu nimenomaan taulukko muotoiselle informaatiolle, jossa halutaan esittää tieto taulukkona...en siis suosittele sivujenrunkona! Taulukkoa voidaan käyttää esim. lukujärjestykseen tai tms...
Tässä webmastereille läksytystä, miksi näitä ei tulisi käyttää:
http://www.aimedia.fi/stupid_tables/
>> Olen itse huomannut ongelmat...jos käytät taulukoita, et voi koskaan olla varma miltä sivut näyttävät toisten ruuduilla...
Ei taulukossa ole tuossa mielessä sen kummempaa ongelmaa kuin missään muussakaan www-sivun elementissä. Ainahan sivut pitää testata ainakin yleisemmin käytössä olevilla selaimilla ja eri näyttötarkkuuksilla jne... Ehkä isoin ongelma taulukon käytössä on sen staattisuus. Divillä toteutettuna sivuista saadaan dynaamisemmat ja näin voidaan paremmin huomioida mm. mobiili- ja pda-laitteet.
Siinä olemme samaa mieltä, että divi-taitto on fiksumpi tapa suunnitella ja toteuttaa www-sivuja, mutta silloin kannattaa käyttää taulukkoa jos ja kun jonkun tiety sivun osan toteutus sen avulla sujuu järkevämmin.
Tuossa div-taitossa on osin samaa henkeä kuin missä vain, missä toteutustapa nostetaan itse lopputuloksen edelle - samaan tulokseen vaikeamman kautta.
http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/