Lisää tyhmiä kysymyksiä diveistä... Elikkäs allekirjoittaneen sivun rakenne on sellainen että koko sisältö on yhden divin sisällä. Tämän päädivin sisään olen laittanut kaksi samallaista pienempää laatikkoa diveillä joiden pitää olla oikeassa reunassa päällekkäin niin että pikkulaatikoiden välissä on pystysuunnassa pieni väli.
Tällä hetkellä ne on laitettu oikeaan reunaan css-määrittelyllä float:right ja ongelmana on se että jos ko. divit laittaa koodiin suoraan peräkkäin niin ne ovat sivulla silloin vierekkäin niin että ensimmäinen divi on oikeassa reunassa niinkuin pitääkin. Jälkimmäinen taas on ensimmäisen vieressä vasemmalla puolella kylki kyljessä eikä alapuolella niinkuin pitäisi.
Eli mikäköhän olisi tähän oikea tapa sijoitella nuo laatikot ?
Ja toisena kysymyksenä vielä että miten tuon koko sisällön sisältävän "päädivin" saa määriteltyä niin että se on vaakasuunnassa aina keskellä selainikkunaa ?
Kiitoksia jo etukäteen, t: KingLittle
Lisää jälkimmäiselle diville määritys clear : right; - floatatut elementin oletuksena rivittyvät toistensa viereen. Clear pakottaa aloittamaan uuden rivin, ts. katkaisemaan nykyisen floatin.
Huomaa että tämä voi myös siirtää sisällön alkamaan myöhemmin, riippuen hieman siitä miten olet rakenteen toteuttanut. Yksi tapa ratkaista ongelma on olla käyttämättä floattia ollenkaan (tuppaa aiheuttamaan ongelmia IE:n kanssa, jos vaikka sisältöalueessa on floatattuja kuvia), on asettaa nämä palkit oman divinsä sisään, jolloin ne voivat ihan normaaliasetuksin asettua päällekkäin.
Päädivin keskittäminen onnistuu lisäämällä määritys margin : 0 auto; (tuo asettaa nollamarginaalin ylös ja alas, auto-asetuksen taas oikealle ja vasemmalle). Tämä toimii myös IE6:ssa, jos käytössä on Strict-moodin sivu, joka toimii standarditilassa (eli DOCTYPE on ihan ensimmäisellä rivillä).
Vanhemmat IE:t ja quirksmoden IE6 taas toimii siten, että asetat bodylle text-align : center; ja sitten kumoat tämän päädivissäsi.
Kiitoksia oikein paljon, nuilla sain asian parempaan malliinsa ja toimii jopa mikkisoftan selaimessakin. :-/
Aihe on jo aika vanha, joten et voi enää vastata siihen.