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
2
387
Vastaukset 2
- -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
Miksi vanhusraiskaajaa ei ole palautettu?
Ukkola kysyy Rantaselta, vaikka perussuomalaiset ovat olleet hallituksessa kolme ja puolivuotta. Rantasen vastaus on "3511482- 1141206
- 1151075
Katri Helena rikkoi hiljaisuuden dramaattisella uutisella: "Elossa ja ilossa ollaan"
Katri Helena on sinivalkoinen ääni. Hänen klassikkohittinsä ovat tärkeä osa suomalaista kansanperintöä. Katri veti jääh22837- 116831
- 111822
- 18460
- 38444
Vaikea löytää samantyylistä miestä
Nyt on pakko avautua. Onko ketään muuta jonka on yksinkertaisesti todella vaikeaa löytää samanhenkistä kumppania kuin i92436- 36423