[html/css] IE 6 verdubbelt het aantal pixels

[mmedia]

Mijn probleem is dat in IE 6 (dus niet alleen 5.5) de heights van de tr's die ik absoluut meegeef in px verdubbeld (in ieder geval niet de juiste grootte) worden. Iemand enig idee waarom dit gebeurt?

NB Ik heb wat extra padding:0px en margin:0px toegevoegd. Mocht niet baten.

Cascading Stylesheet:

html, body {
    height:100%;
}

body {
    background-color:#000023;
    font-family: verdana, helvetica, arial, sans-serif;
    margin:0px;
}

table.maintable {
    background-color: #ffffff;
    width:760px;
    /*/ to center the table: /*/
    margin-left:auto;
    margin-right:auto;
    height: 100%;
    margin-top:0px;
    margin-bottom:0px;
}

tr {
    margin:0px;
    padding:0px;
}

tr.logo {
    text-align:center;
    height:81px;
}

tr.datumTr {
    height:40px;
}

tr.noteTr {
    vertical-align:bottom;
}

tr.menuTr {
    height:18px;
}

td {
    font-size: 11px;
    margin:0px;
    padding:0px;
}

td.datumTd {
    text-align:right;
    padding-right:10px;
    vertical-align:bottom;  
}

td.menu {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #b3b3b2;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #b3b3b2;
    background-color:#ECECF2;
    width: 156px;
    text-align: center; 
    color:#272D58;
}

td.selectedMenu{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color:#CC0000;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CC0000;
    background-color:#CC0000;
    width: 156px;
    text-align: center; 
    color:#FFCC99;
    font-weight:bolder;
}

td.menuover {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #b3b3b2;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #b3b3b2;
    background-color:#272D58;
    width: 156px;
    text-align: center;
    color: #ECECF2;
}

td.menu2 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #b3b3b2;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #b3b3b2;

    width: 156px;
    text-align:center;  
    color: #272D58;
}

td.menuover2 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #b3b3b2;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #b3b3b2;
    background-color:#272D58;
    width: 156px;
    text-align:center;
    color: #ffffff;
}

td.note {
    text-align:center;
    vertical-align:bottom;
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#b3b3b2;
    height:35px;
}

td.maintd {
    vertical-align: top;
}
}

[ Voor 13% gewijzigd door mmedia op 18-02-2005 10:52 ]

[Willem]

De heights waarvan

[mmedia]

willem169 schreef op woensdag 16 februari 2005 @ 19:22:
De heights waarvan

Ohw sorry, van de table rows.

[HyperioN]

Heb je niks online staan dan kunnen we het zelf even checken... zo op "harde code" staren heeft niemand zin in denk ik.

[mmedia]

HyperioN. schreef op woensdag 16 februari 2005 @ 19:56:
Heb je niks online staan dan kunnen we het zelf even checken... zo op "harde code" staren heeft niemand zin in denk ik.

Ok, bij deze, klik!

Firefox geen probleem, IE 6.0 vernaggelt de heights van de tr's.
NB ik heb de site ff gestripped van alle zaken die er niet toe doen.

[ Voor 12% gewijzigd door mmedia op 16-02-2005 20:39 ]

[mmedia]

Screenshot toegevoegd. Probleem bestaat helaas nog steeds. Ik hoop dat 1 of meerdere tweakers mij wellicht mij uit de brand kan helpen.

[BtM909]

Waarom bekijk je de 'nieuwerwetse' methodes niet zodat je helemaal geen tables hoeft te gebruiken?

[crisp]

Je weet dat width en height bij tables eigenlijk als min-width en min-height worden beschouwd tenzij je table-layout:fixed gebruikt?
Verder sluit ik me aan bij BtM909: tables zijn niet bedoelt voor layout...

[Verwijderd]

Tables en 100% height, en daar je layout op baseren resulteerd altijd in geneste tables omdat het issues oplevert Je kunt dit wel doen, maar dan zul je moeten nesten, of vaste values gaan gebruiken (dwz dus geen 100% height).

Of.. je kunt gaan layouten met css, maar daar ging je vraag niet over

[ Voor 130% gewijzigd door Verwijderd op 18-02-2005 11:03 ]

[mmedia]

BtM909 schreef op vrijdag 18 februari 2005 @ 10:53:
Waarom bekijk je de 'nieuwerwetse' methodes niet zodat je helemaal geen tables hoeft te gebruiken?

Kan je (of iemand anders...) dit wellicht iets meer toelichten. Op zich kan ik namelijk nu nog overschakelen van tables naar iets anders! Als ik het goed begrijp moet ik eigenlijk, als ik het netjes wil doen, op een andere manier de layout verzorgen.

[ Voor 19% gewijzigd door mmedia op 18-02-2005 11:36 ]

[Woudloper]

Hier voor kan je gaan [google=3 Columns layout] en naar [google=taming the list] (zie bv.: List a Matic 2).

[mmedia]

Is layouten via css nu the way to go? Zo ja, dan richt ik mijn pijlen daarop.

[Verwijderd]

Is layouten via css nu the way to go? Zo ja, dan richt ik mijn pijlen daarop.

Al een paar jaar ja.

[JHS]

mmedia schreef op vrijdag 18 februari 2005 @ 11:49:
Is layouten via css nu the way to go? Zo ja, dan richt ik mijn pijlen daarop.

Ja . En "correcte" html natuurlijk .