Elikkäs olen tehnyt div-pohjaiset kotisivut, joissa on yksi ns. päädivi, jonka sisällä on kaikki muu sisältö. Ongelma on, että en saa sivua keskitettyä. FF kyllä näyttää sivun oikein, mutta IE ei.
Olen käyttänyt margin-left: auto ja margin-right: auto css-koodeja. Onko tässä joku yleisesti tiedossa oleva trikki, vai pistänkö tarkempaa koodia?
Olen käyttänyt margin-left: auto ja margin-right: auto css-koodeja. Onko tässä joku yleisesti tiedossa oleva trikki, vai pistänkö tarkempaa koodia?
Vastaukset 3
Vanhimmat
Tämä on lisäksi niin kutsuttu Usein Kysytty Kysymys. Ainakin tällä palstalla, kuten kohta huomaat:
http://keskustelu.suomi24.fi/show.fcgi?category=108&conference=654&posting=22000000018954561
lueppa tämä: http://www.timovirtanen.com/?p=15
tomiii kaikilla selaimilla
onko näissä kahdessa nyt kovin suurta eroa kikkailun ja turhuuden välillä:
body {text-align : center;}
#element {
text-align : left;
width : 400px;
margin : auto;
}
#element{
position:absolute;
left:50%;
width:400px;
margin-left:-200px;
}
Puhumattakaan tästä viimeisestä:
#element {
width : 400px;
margin : auto;
}
On totta ettei IE5.x ymmärrä tuota viimeistä, mutta jos aletaan huolehtimaan että IE5.x näyttää kaiken TÄYSIN SAMALLA tavalla kuin uudemmat selaimet, niin voidaan samantien heittää roskakoppaan kutakuinkin kaikki vähänkin edistyksellinen taitto.
Eiköhän nyt kuitenkin tyydytä siihen että sivut toimivat järkevästi myös antiikkisimmilla selaimilla, vaikka sitten vähän rumemmilta näyttäisivätkin.