CSS pixel uitlijning fout in Explorer
8 maart 2007 - 17:34   
geplaatst door: macsmet
Hallo allemaal,

Explorer is eigenwijs en lijnt 1 pixel te ver naar rechts uit.
Firefox (Mac en Windows) en Safari laten het wel goed zien!
Het gaat om class .tbmidden

Wie kan mij helpen?


/* ----------container -------------- */
#container {
width: 774px;
height: 420px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
}


/* --------------Linkerkolom------------- */
#links {
width:230px;
float: left;
padding:0px 0px 0px 0px;
margin-right: 0px;
position:relative;
background-color: #000000;
color:#999999;
}

#nieuws {
width:211px;
float: left;
padding:0px 0px 0px 0px;
margin-left: 0px;
position:relative;
letter-spacing: 0.0em;
line-height: 1.5em;
color:#999999;
font-size: 12px;
}


/* -----------------Midden--------------------- */
#midden {
width:397px;
float: left;
padding:0px 0px 0px 0px;
position:relative;
background:#000000;
}

.tbboven {
width:378px;
height: 19px;
background:#000000;
background: url("images/tbboven.gif");
}

.tbmidden {
width:340px;
height:auto;
background:#FFFFFF;
padding:10px 19px 10px 19px;
}

.tbonder {
width:378px;
height: 19px;
background:#FFFFFF;
background: url("images/tbonder.gif");
}


/* --------------Rechterkolom------------- */
#rechts {
width:147px;
float: right;
padding:20px 0px 0px 0px;
margin-left: 0px;
position:relative;
letter-spacing: 0.0em;
background:#000000;

}

/* --------------Menu------------- */
#menu {
width:147px;
float: right;
padding:15px 0px 0px 0px;
margin-left: 0px;
position:relative;
letter-spacing: 0.0em;
line-height: 1.5em;
background:#000000;
color:#FFFFFF;
font-size: 12px;
}

Alvast bedankt!


CamelCaps | Educatieve Software - http://www.camelcaps.nl
CSS pixel uitlijning fout in Explorer
8 maart 2007 - 17:43    reactie #1
geplaatst door: mvdg
Het is lastig beoordelen zo zonder een beeld erbij.
Maar ik zou zeggen: je 'midden' heeft een padding in tegenstelling tot 'boven' en 'onder'.
We weten dat IE anders met padding en margin omgaat dan andere browsers.
Maak je 'midden' gewoon net als de andere, en plaats daarin een tweede DIV ('inhoud'
ofzo) en geef die tweede div een padding mee (en geen breedte!).
Op die manier zijn de drie DIVs echt gelijk en zul je dat verschil waarschijnlijk niet meer krijgen.
Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
CSS pixel uitlijning fout in Explorer
8 maart 2007 - 19:24    reactie #2
geplaatst door: macsmet
@mvdg: Bedankt voor je reactie!
Met jouw oplossing lukte het niet.
Er wordt een foto geplaatst met een standaard afmeting. Door deze foto 1 pixel minder breed te maken is het probleem in IE opgelost.

CamelCaps | Educatieve Software - http://www.camelcaps.nl
CSS pixel uitlijning fout in Explorer
8 maart 2007 - 20:13    reactie #3
geplaatst door: MacMiep
OT: wat is Explorer toch een TAKKEbrowser  :mad:

Ondergetekende zat met een interlinie probleem van de week (dankzij hier opgelost met een hack)
Las van de week nog dat MS' nieuwe virusscanner een groot deel van de virussen doorlaat. Een bedrijf dat zoveel geld heeft... kunnnen ze nou nooit eens iets gewoon GOED doen?  

:yucky:

grtz, MM

Al meer dan 20 jaar beheert Miep de MacMiepMacCursus op macmiep.nl & op macostutorial.com in het Engels èn Duits!