IE container center

**Wouterjan S** · 31-03-2011, 14:56

Mijn container bevat dit:
Nu staat hij bij Chrome wel center maar bij IE niet? Hoe kan dat? en hoe fix ik het?

PHP Code:


#container {
    width: 780px;

    background-color: #fff;
    border: 2px solid #2A85B3;
    padding: 15px;
position:relative;
    margin-left:auto;
    margin-right:auto; 
    -moz-border-radius:15px;
    -webkit-border-radius:0px;


}

**Jos van Marrewijk** · 31-03-2011, 14:57

Probeer ipv margin-left: auto; margin-right: auto; eens margin: 0 auto;

**Wouterjan S** · 31-03-2011, 15:04

Nee, staat nog steeds links :S

#container {
width: 780px;
background-color: #fff;
border: 2px solid #2A85B3;
padding: 15px;
position:relative;
margin: 0 auto;
-moz-border-radius:15px;
-webkit-border-radius:0px;

}

**RMols** · 31-03-2011, 15:11

Hmm vreemd. Weet je zeker dat je container een ID is en geen class?

Probeer anders je container eens te vullen met tekst of geef hem een height. Vreemde fout.

**Wouterjan S** · 31-03-2011, 15:11

Dit staat er in script zelf

<div id="container" >
Dus zou toch moeten werken toch?

**RMols** · 31-03-2011, 15:19

Moet zeggen dat hij bij mij ook prima werkt. In ieder geval in ie7 en 8.

CSS:

body { background:RED; }

#container {
width: 780px;
background-color: #fff;
border: 2px solid #2A85B3;
padding: 15px;
position:relative;
margin: 0 auto;
-moz-border-radius:15px;
-webkit-border-radius:0px;
}

HTML:

<div id="container" >Test</div>

Groet

**Leon Zoutewelle** · 31-03-2011, 15:19

voeg eens display:block toe.

**Wouterjan S** · 31-03-2011, 15:20

Hoi Leon,

Ook nu staat hij nog steeds links

PHP Code:


#container {

    width: 780px;

    background-color: #fff;

    border: 2px solid #2A85B3;

    padding: 15px;

position:relative;

margin: 0 auto;

    -moz-border-radius:15px;

    -webkit-border-radius:0px;

display:block;

}

**RMols** · 31-03-2011, 15:20

In welke IE bekijk je het?

**Wouterjan S** · 31-03-2011, 15:24

IE8 volgens mij.

**D.Postma** · 31-03-2011, 15:26

Beste Wouterjan,

Ik denk dat je bent vergeten een doctype toe te voegen :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

Ik had precies het zelfde probleem gisteren.

Met vriendelijke groeten,
Danny Postma
www.dpdesigns.nl

**Wouterjan S** · 31-03-2011, 15:27

Ja dat is het! :D Thanks. Zou ik echt nooit op gekomen zijn.

**RMols** · 31-03-2011, 15:27

Haha probleem opgelost.

Ik ging ervan uit dat je deze er wel in had staan. :-)

Succes met de site.

**D.Postma** · 31-03-2011, 15:32

Origineel gepost door Wouterjan S

Ja dat is het! :D Thanks. Zou ik echt nooit op gekomen zijn.

Haha nee precies, ik ook niet.
Had gisteren heel google afgezocht en vond dit uiteindelijk ;p.

Succes met je website!

**Raymond Nijland** · 01-04-2011, 18:26

Voor de belangstellende een strict doctype gebruiken is heel erg belangerijk wanneer deze ontbreekt dan zal ie6, ie7 en ie8 (geen idee ie9 dit ook doet nog niet getest namelijk) als ie5 renderen waardoor bepaalde css eigenschappen niet meer werken en de box model volgens niet meer volgens de w3 standaards werkt

IE container center