Positie DIV wijkt af in IE7
De positie van de DIV begint 1 pixel eerder.
De afbeelding die ik gebruik is een gif van 800px breed en 12px hoog.
Weet iemand een oplossing hiervoor?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!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" xml:lang="en" lang="en">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
</head>
<body>
<div id="wrap">
<br /><br /><br />
</div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
</head>
<body>
<div id="wrap">
<br /><br /><br />
</div>
</body>
</html>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
body {
background: #777;
background-image: url("../img/background.gif");
background-repeat: repeat-y;
background-position: center;
margin: 0;
text-align: center;
}
#wrap {
background: #272727;
margin: 0 auto;
max-width: 800px;
text-align: left;
background: #777;
background-image: url("../img/background.gif");
background-repeat: repeat-y;
background-position: center;
margin: 0;
text-align: center;
}
#wrap {
background: #272727;
margin: 0 auto;
max-width: 800px;
text-align: left;
Gewijzigd op 01/01/1970 01:00:00 door Ppientje
//margin-top:1px; /*om in IE 1px lager te zetten*/
Ik neem aan dat '//margin-left:1px; /*' ook kan?
Bedankt Kalle
CSS:
Ik gebruik 'text-align: center;' om de hoofd DIV (wrap) te centreren.
Vervolgens gebruik ik in #wrap 'margin: 0 auto;' om ook voor firefox de DIV te centreren.
Wanneer ik nu de hack ('//margin-left:1px; /*') toepas staat de DIV wel 1 pixel verder naar links, maar niet meer gecentreerd.
De hele DIV staat nu weer links op de body.
Wat ik dus graag zou willen is om de DIV te centreren, maar voor de IE toch 1px naar rechts (marge links dus 1px) te verplaatsen.
Gewijzigd op 01/01/1970 01:00:00 door ppientje
Om een div te centreren gebruik ik altijd deze:
Code (php)
1
2
3
4
5
2
3
4
5
#container {
width: 700px;
margin-left: auto;
margin-right: auto;
}
width: 700px;
margin-left: auto;
margin-right: auto;
}
Elwin
heb je suggestie ff lokaal uitgeprobeerd, maar helaas.
Online voorbeeld:
http://85.92.129.170
Gewijzigd op 01/01/1970 01:00:00 door ppientje