Beste,
Ik krijg mijn website in Internet Explorer maar niet gecentreerd. In mozilla en andere browsers is het mooi gecentreerd, maar in IE staat hij gewoon links.
Mijn CSS code (ik denk dat het daaraan ligt
Mijn html bestand:
Wat ben ik vergeten om het te centreren in IE??
MVG,
Ik krijg mijn website in Internet Explorer maar niet gecentreerd. In mozilla en andere browsers is het mooi gecentreerd, maar in IE staat hij gewoon links.
Mijn CSS code (ik denk dat het daaraan ligt
Code:
#Table_01 {
position:relative;
left:0px;
top:0px;
width:700px;
height:500px;
clear: left;
margin: 0 auto;
border: thin solid #000000;
}
#distance {
margin-bottom: -250px;
width: 1px;
height: 50%;
float: left;
}
html, body {
height: 100%;
}
#index-01 {
position:absolute;
left:0px;
top:0px;
width:700px;
height:16px;
}
#index-02 {
position:absolute;
left:0px;
top:16px;
width:86px;
height:484px;
}
body {
background-color:#FFFFFF;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#index-03 {
position:absolute;
left:86px;
top:16px;
width:99px;
height:34px;
}
#index-04 {
position:absolute;
left:185px;
top:16px;
width:118px;
height:34px;
}
#index-05 {
position:absolute;
left:303px;
top:16px;
width:171px;
height:34px;
}
#index-06 {
position:absolute;
left:474px;
top:16px;
width:150px;
height:34px;
}
#index-07 {
position:absolute;
left:624px;
top:16px;
width:76px;
height:218px;
}
#index-08 {
position:absolute;
left:86px;
top:50px;
width:538px;
height:184px;
}
#index-09 {
position:absolute;
left:86px;
top:234px;
width:362px;
height:266px;
}
#index-10 {
position:absolute;
left:448px;
top:234px;
width:217px;
height:235px;
background-repeat: repeat;
font-family: arial;
font-size: 12px;
text-align: center;
background-image: url(images/index_10.jpg);
}
#index-11 {
position:absolute;
left:665px;
top:234px;
width:35px;
height:266px;
}
#index-12 {
position:absolute;
left:448px;
top:469px;
width:217px;
height:31px;
}
#about-01 {
position:absolute;
left:0px;
top:0px;
width:700px;
height:16px;
}
#about-02 {
position:absolute;
left:0px;
top:16px;
width:86px;
height:180px;
}
#about-03 {
position:absolute;
left:86px;
top:16px;
width:99px;
height:34px;
}
#about-04 {
position:absolute;
left:185px;
top:16px;
width:118px;
height:34px;
}
#about-05 {
position:absolute;
left:303px;
top:16px;
width:171px;
height:34px;
}
#about-06 {
position:absolute;
left:474px;
top:16px;
width:150px;
height:34px;
}
#about-07 {
position:absolute;
left:624px;
top:16px;
width:76px;
height:108px;
}
#about-08 {
position:absolute;
left:86px;
top:50px;
width:538px;
height:74px;
}
#about-09 {
position:absolute;
left:86px;
top:124px;
width:133px;
height:72px;
}
#about-10 {
position:absolute;
left:219px;
top:124px;
width:423px;
height:355px;
background-image: url(images/backgroundabout.jpg);
}
#about-10text {
left:219px;
top:124px;
width:423px;
border: thin solid #000000;
height: 355px;
overflow: auto;
background-image: url(images/backgroundabout.jpg);
font-family: arial;
font-size: 12px;
}
#about-11 {
position:absolute;
left:642px;
top:124px;
width:58px;
height:376px;
}
#about-12 {
position:absolute;
left:0px;
top:196px;
width:22px;
height:304px;
}
#about-13 {
position:absolute;
left:22px;
top:196px;
width:184px;
height:205px;
}
#about-14 {
position:absolute;
left:206px;
top:196px;
width:13px;
height:304px;
}
#about-15 {
position:absolute;
left:22px;
top:401px;
width:184px;
height:99px;
}
#about-16 {
position:absolute;
left:219px;
top:479px;
width:423px;
height:21px;
}
Mijn html bestand:
Code:
<html>
<head>
<title>AM-PlaZa - Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Save for Web Styles (Untitled-4.psd) -->
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<!-- End Save for Web Styles -->
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('images/over_03.jpg','images/over_04.jpg','images/over_05.jpg','images/over_06.jpg')">
<!-- Save for Web Slices (Untitled-4.psd) -->
<div id="distance"></div>
<div id="Table_01">
<div id="index-01">
<img src="images/index_01.jpg" width="700" height="16" alt="">
</div>
<div id="index-02">
<img src="images/index_02.jpg" width="86" height="484" alt="">
</div>
<div id="index-03">
<a href="index.html"><img src="images/index_03.jpg" alt="" name="Image1" width="99" height="34" border="0" id="Image1" onMouseOver="MM_swapImage('Image1','','images/over_03.jpg',1)" onMouseOut="MM_swapImgRestore()"></a> </div>
<div id="index-04">
<a href="about.html"><img src="images/index_04.jpg" alt="" border="0" name="Image2" width="118" height="34" id="Image2" onMouseOver="MM_swapImage('Image2','','images/over_04.jpg',1)" onMouseOut="MM_swapImgRestore()"></a> </div>
<div id="index-05">
<a href="portfolio.html"><img src="images/index_05.jpg" alt="" border="0" name="Image3" width="171" height="34" id="Image3" onMouseOver="MM_swapImage('Image3','','images/over_05.jpg',1)" onMouseOut="MM_swapImgRestore()"></a> </div>
<div id="index-06">
<a href="mailto:achie@am-plaza.com"><img src="images/index_06.jpg" alt="" border="0" name="Image4" width="150" height="34" id="Image4" onMouseOver="MM_swapImage('Image4','','images/over_06.jpg',1)" onMouseOut="MM_swapImgRestore()"></a> </div>
<div id="index-07">
<img src="images/index_07.jpg" width="76" height="218" alt="">
</div>
<div id="index-08">
<img src="images/index_08.jpg" width="538" height="184" alt="">
</div>
<div id="index-09">
<img src="images/index_09.jpg" width="362" height="266" alt="">
</div>
<div id="index-10"><b>Welcome on my website.</b>
<br>
Don't forget to have a look at my portfolio!
<p>
<i>Datum</i> <u>Website online</u></div>
<div id="index-11">
<img src="images/index_11.jpg" width="35" height="266" alt="">
</div>
<div id="index-12">
<img src="images/index_12.jpg" width="217" height="31" alt="">
</div>
</div>
<!-- End Save for Web Slices -->
</body>
</html>
Wat ben ik vergeten om het te centreren in IE??
MVG,