CSS ja eri selaimet

Tässä olisi koodi:

table {
border : 1px solid;
border-color :#FFF8DC;
height : 400px;
width : 600px;
}

td{
border : 4px solid;
border-color :#4F4F4F;
}

#sivu1, #sivu2 {
height : 500px;
padding: 5px;
}

#sivu1 {
background-color:#21201E;
width : 390px;
}

#sivu2 {
background-color:#8B2323;
width : 180px;
}

Ja siis ongelmahan on, että kun eri selaimet näyttävät tuon padding hommeliinin eri tavalla. Kun toisella saa sen näyttämään siltä miltä pitäisi niin toinen näyttää sen sitten väärin.

Nöyhtänä kirjoitti:

Tässä olisi koodi:

table {
border : 1px solid;
border-color :#FFF8DC;
height : 400px;
width : 600px;
}

td{
border : 4px solid;
border-color :#4F4F4F;
}

#sivu1, #sivu2 {
height : 500px;
padding: 5px;
}

#sivu1 {
background-color:#21201E;
width : 390px;
}

#sivu2 {
background-color:#8B2323;
width : 180px;
}

Ja siis ongelmahan on, että kun eri selaimet näyttävät tuon padding hommeliinin eri tavalla. Kun toisella saa sen näyttämään siltä miltä pitäisi niin toinen näyttää sen sitten väärin.

Lue lisää

Selitystä:
http://www.yojih.net/fi_cribsheet/boxmodel.html

Jos pistät sivut standardien mukaiseksi ei tarvitse käyttää noita häkkejä.. box model tulee kusemaan vanhoilla selaimilla, mut kuka niitä enää käyttää kuitenkaan? Niin vanhalla ie:llä on kone täynnä viruksia että ihme jos nettiin edes pääsee ;)