Tijden veranderen
Div centreren lukt niet in ie7
dit is de style:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
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;
}
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
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<?
div#container
{
position: relative;
left: 50%;
top: 20px;
width: 788px;
margin: 0 0 0 -394px;
}[/code]
De [code]<? is voor de kleurtjes :)
div#container
{
position: relative;
left: 50%;
top: 20px;
width: 788px;
margin: 0 0 0 -394px;
}[/code]
De [code]<? is voor de kleurtjes :)
Dat is helemaal niet nodig, als je hem horizontaal wilt centreren:
@kenneth
Geef je body eens een width:100% mee in je CSS
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
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;
}
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
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 {
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;
}
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;
}
Code (php)
1
2
3
4
5
6
2
3
4
5
6
#container {
text-align: left;
width: 900px;
font-size: 9pt;
margin: 0 auto;
}
text-align: left;
width: 900px;
font-size: 9pt;
margin: 0 auto;
}
Nu werkt hij in beide browsers! Bedankt voor jullie hulp