Tein pienen testin tässä css:ää opetellessani ja havaitsin jotain kummaa.
Kun laitoin borderiksi 10px IE(6) näyttäisi käyttävän reunuksen vaatiman tilan laatikon sisältä kun taas FF(2) laatikon ulkopuoleta.
Onko siis mitään universaalia ja kaunista tapaa saada eri selaimet käyttäytymään samalla lailla reunusten kanssa?
Alla käyttämäni koodi:
div.one
{
border-style:solid;
border-width:1px;
width:100px;
background-color:yellow;
}
div.ten
{
border-style:solid;
border-width:10px;
width:100px;
background-color:yellow;
}
Div luokalla one
Div luokalla ten
border, IE ja Firefox
G50
2
351
Vastaukset
- -Ridge-
Kauniista en tiedä, mutta toimii ainakin IE7, FF ja Operalla..=)
div.one {
width: 100px;
}
div.one_b {
background-color:yellow;
border: 1px solid #000;
width: 100px;
}
div.ten {
background-color:yellow;
width: 100px;
}
div.ten_b {
border: 10px solid #000;
width: 100px;
}
Div luokalla one
Div luokalla ten Aseta Internet Explorer standardeja noudattavaan tilaan käyttämällä sopivaa DOCTYPEä eli laittamalla aivan sivun alkuun esimerkiksi
Asiasta enemmän:
http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Nyt tajusin mitä haet takaa
En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä433753- 382508
Naiselle mieheltä
Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?342031- 231782
- 171699
Ihmetteletkö, mihin sinussa ihastuin?
Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai1001612- 231598
Mitä yhteistä on sulla ja kaivatulla?
Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko991466- 241457
- 221419