DIV's verspringen bij invoeren padding

[Verwijderd]

Ik ben bezig met een website, opgebouwd uit DIV's met CSS. De DIV's moeten strak tegen elkaar komen. Ik het eerste vb lukt dat maar daarna vul ik in de CSS de padding in om de tekst van de rand te halen en verspringen ze, vb 2. Das toch alleen bij margin en niet bij padding? Hoe kan dit en hoe los ik het op





Dit is de CSS zonder de padding ingevoerd. Bij het vb hoe het niet moet stond deze bij contectrechts:

Cascading Stylesheet:

/* tekstopbouw van het document */
body{ 
    margin-top:61px;
    background-image: url(images/patroon.jpg); 
    text-align: center; 
    font-size:100%
    }

/* de div's */  
#middenzetter {
    width: 875px;
    top: 30px;
    }

#menuitems {
    right:0px; 
    top:60px;
    }

/* de content */
#contentlinks {
    float:left;
    background-image:url(images/patroon2.gif);
    text-align:left;
    width: 419px;
    height: 503px;
    }
#contentfoto {
    float:right;
    width: 350px;
    height: 233px;
    }
#contentrechts {
    background-image:url(images/patroon3.gif);
    float:right;
    width: 456px;
    height: 200px;
    }
p, table {
    font-family:"Trebuchet MS"; 
    font-size:0.75em; 
    color:#FFFFFF;
    }
li {
    font-family:"Trebuchet MS"; 
    font-size:0.75em; 
    color:#FFFFFF; 
    list-style-type: square;
    }

/* losse styles */
.titel {
    font-family:"Trebuchet MS"; 
    font-size:0.9em; 
    font-weight:bold; 
    color:#FFFFFF
    }

excuses maar kan even niet vinden waar ik die code kan in plaatsen

[ Voor 13% gewijzigd door André op 01-03-2006 14:44 ]

[RobIII]

offtopic:
Trebuchet MS is niet echt een gangbaar font, als de gebruiker het niet heeft wordt er teruggevallen naar een default font. Geef minimaal sans-serif ofzo op als alternatief

Is je pagina in quirksmode of strict? Lijkt me een boxmodel probleem...

[ Voor 27% gewijzigd door RobIII op 01-03-2006 14:32 ]

[JHS]

De code kan je het beste plaatsen tussen [code=css][/code] tags .

Mischien geven deze voorbeelden wat meer inzicht in het boxmodel. Je ziet dat bij een box met een gedinieerde width deze met border/margin/padding erbij toch groter wordt in FireFox, in IE zijn de uitwerkingen weer anders . Het is echter vooral zinnig daar wat over te lezen.

Overigens is het wel relevant of je een standardsmode afdwingend doctype hebt opgegeven .

[Verwijderd]

Thanx JHS voor die duidelijke links! Begin te begrijpen waar het fout gaat.