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
343
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
Tänään pyörit ajatuksissa enemmän, kun erehdyin lukemaan palstaa
En saisi, silti toivon että sinä vielä palaat ja otetaan oikeasti selvää, hioituuko särmät ja sulaudummeko yhteen. Vuod225124- 254278
- 272441
- 342234
- 371988
- 151908
En ole koskaan kokenut
Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka191587- 121521
Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...
Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons211237Kerranki asiat oikein
Ilkka ja muut pienpuolueeet...teitte hyvän työn kun valitsitte pätevän henkilön virkaan eikä kepulle passelia!! Jatkakaa101164