INTERNET EXPLORER - Krijg mijn website niet horizontaal gecentreerd

Status
Niet open voor verdere reacties.
S

Skipito

Gebruiker
Lid geworden
3 jul 2009
Berichten
81
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:)
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,
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan