PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
k

Div centreren lukt niet in ie7

Door kenneth op 16-04-2009 16:44
1.202 views
Hoi iedereen, het lukt me maar niet om een div gecentreerd te krijgen in internet explorern. In mozilla firefox doet hij het perfect...

dit is de style:


html,body {
font-family: Tahoma, Verdana, Arial,  Helvetica, sans-serif;
font-size: 9pt;
color: #000000;  
margin: 0px;
background: #e7e7e7 url("boven.gif") repeat-x;
}

/* Deze moet dus in het midden staan, en dat werkt nu niet in ie */
#container {
margin: 0 auto 0 auto;
width: 900px; 
font-size: 9pt;
text-align: left;
height: 100%;
}

#logo {
background-image: url("logo.jpg");
height: 77;
width: 250;
}

#topbanner {
margin-top: 20px;
margin-left: 45%;
height: 64px;
width: 500px;
}


Hier is de url:
http://cheap-scripts.nl/test/

Hopelijk weten jullie wat de reden is
Alvast bedankt
D
Dennis Mertens
16-04-2009 16:46
Mijn container:
<?
div#container
	{
		position: relative;
		left: 50%;
		top: 20px;
		width: 788px;
		margin: 0 0 0 -394px;
	}


De <? is voor de kleurtjes :)
k
kenneth
16-04-2009 16:49
wat moe tik juist veranderen dan?
R
Robert Deiman
16-04-2009 16:50
@Dennis Mertens
Dat is helemaal niet nodig, als je hem horizontaal wilt centreren:

@kenneth
Geef je body eens een width:100% mee in je CSS
k
kenneth
16-04-2009 16:52 

html,body {
width: 100%;
font-family: Tahoma, Verdana, Arial,  Helvetica, sans-serif;
font-size: 9pt;
color: #000000;  
margin: 0px;
background: #e7e7e7 url("boven.gif") repeat-x;
}


Wil nog steeds niet werken
K
Kay Kay
16-04-2009 17:09
[code]
body {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #000;
margin: 0px;
background: #e7e7e7 url("boven.gif") repeat-x;
text-align: center;
}
#container {
text-align: left;
width: 900px;
font-size: 9pt;
}
k
kenneth
16-04-2009 17:11
haha nu werkt hij in internet explorer maar niet in firefox
k
kenneth
16-04-2009 17:12
ik heb nu dit gedaan:
#container {
text-align: left;
width: 900px; 
font-size: 9pt;
margin: 0 auto;
}


Nu werkt hij in beide browsers! Bedankt voor jullie hulp
K
Kay Kay
16-04-2009 18:55
Ow ja sorry! ik was margin: 0 auto; nog vergeten :$

Reageren

Inloggen om te reageren