Pagina niet gecentreerd..
Posted: Fri Sep 03, 2010 6:47 am
Hallo,
Als je kijkt op http://www.laurenswebdesign.nl/websites ... mdrijssen/ , en je opent deze pagina in IE, dan plaats IE de pagina links, in plaats van in het midden. Herlaad je deze pagina, dan plaats het systeem hem wel netjes in het midden. Iemand enig idee hoe dit kan?
Html code:
Css code:
Als je kijkt op http://www.laurenswebdesign.nl/websites ... mdrijssen/ , en je opent deze pagina in IE, dan plaats IE de pagina links, in plaats van in het midden. Herlaad je deze pagina, dan plaats het systeem hem wel netjes in het midden. Iemand enig idee hoe dit kan?
Html code:
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<base href="http://laurenswebdesign.nl/websites/hervormdrijssen/" />
<meta name="Generator" content="CMS Made Simple - Copyright (C) 2004-10 Ted Kulp. All rights reserved." />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home | Jeugdwerk | Hervormd Rijssen</title>
<link rel="stylesheet" type="text/css" href="http://laurenswebdesign.nl/websites/hervormdrijssen/stylesheet.php?cssid=50" />
<link rel="stylesheet" type="text/css" href="http://laurenswebdesign.nl/websites/hervormdrijssen/stylesheet.php?cssid=55" /></head></__body>
<div class="schaduw-boven"></div>
<div class="wrapper">
<div class="container">
<a href="index.php"><div class="bovenkant"></div></a>
<div id="menu">
<table>
<tr><td><a href="index.php?page=zaterdagavondwerk">Zaterdagavondwerk</a></td></tr>
<tr><td><a href="index.php?page=jeugdclubs">Jeugdclubs</a></td>
<td><a href="index.php?page=jeugdvereniging">Jeugdvereniging</a></td>
<td><a href="index.php?page=vakantiebijbelweek">Vakantiebijbelweek</a></td></tr>
<tr><td style="margin-right:120px;"><a href="index.php?page=youth-alpha">Youth Alpha</a></td>
<td><a href="index.php?page=zondagsschool">Zondagsschool</a></td>
<td><a href="index.php?page=tienerhonk">Tienerhonk</a></td>
<td><a href="index.php?page=kinderbijbelclub">Kinderbijbelclub</a></td></tr>
<tr><td style="margin-right:760px;"><a href="index.php?page=jongerenbezoekwerk">Jongerenbezoekwerk</a></td></tr>
<tr><td style="margin-right:920px;"><a href="index.php?page=tryout">TryOut</a></td></tr>
</table>
</div>
<div class="inhoud">
<div class="links" >
<div class="submenu">
</div>
<div class="logo-foto">
</div>
<div class="logo-foto" style="margin-top:-316px;" >
<div class="logo-afbeelding"></div>
</div>
</div>
<div class="midden">
<h1>Home</h1>
<p>De homepagina</p>
</div>
<div class="rechts">
<h1>Nieuws</h1>
<!-- Displaying News Module -->
<!-- News Categories: 'home' -->
<div id="nieuws-inhoud">
<!-- Start News Display Template -->
<!-- End News Display Template -->
</div>
</div>
</div><!--- Einde Inhoud -->
<p style="text-align:center;">Klik <a href="http://www.hervormdrijssen.nl/">hier</a> om terug te gaan naar de officiële website van de Hervormde Gemeente te Rijssen</p>
</div><!--- Einde Container -->
</div><!--- Einde Wrapper -->
<div style="clear:both;"></div>
<div class="schaduw-bodem"></div>
<__body>
</__html>Code: Select all
@charset "utf-8";
/* CSS Document */
body{
margin:0 auto;
text-align:left;
width:1074px;
height:768px;
background-color:#ccc;
}
p{
font-family:Calibri, Verdana, Tahoma;
margin-left:15px;
margin-right:15px;
padding:0;
}
a{
font-family:Calibri, Verdana, Tahoma;
font-size:12pt;
padding:0;
}
h1{
font-family:28 Days Later;
font-size:20pt;
margin-left:15px;
margin-right:15px;
padding:0;
}
.wrapper{
float:left;
text-align:left;
width:1054px;
height:auto;
background-image:url('images/background.png');
}
.container{
float:left;
width:1024px;
height:auto;
margin-left:17px;
}
.bovenkant{
float:left;
width:100%;
height:435px;
}
#menu{
float:left;
width:1024px;
height:10px;
margin-top:-320px;
}
#menu table{
float:right;
list-style-type:none;
text-align:right;
padding-right:30px;
}
#menu table a{
font-family:28 Days Later;
font-size:15pt;
font-weight:500;
margin-left:0px;
margin-right:0px;
}
#menu table tr td{
float:right;
padding-left:75px;
padding-top:17px;
width:auto;
}
#menu a{
text-decoration:none;
}
.submenu{
float:right;
width:auto;
height:170px;
text-align:right;
margin-top:-80px;
margin-right:20px;
}
.submenu ul li{
list-style-type:square;
text-decoration:none;
}
.submenu a{
text-decoration:none;
font-size:13pt;
color:#000;
}
.inhoud{
width:1024px;
height:475px;
margin-left:45px;
margin-top:-125px;
float:left;
}
.links, .midden, .rechts{
display:inline;
float:left;
}
.links{
float:left;
width:320px;
height:316px;
margin-left:-20px;
margin-top:80px;
}
.midden{
float:left;
width:404px;
height:456px;
margin-left:20px;
background-image:url(images/midden-background.png);
color:#fff;
overflow:auto;
}
#midden p{
font-size:12pt;
padding-bottom:25px;
}
.midden a{
color:#fff;
}
.rechts{
float:left;
width:216px;
height:456px;
margin-left:20px;
background-image:url(images/rechts-background.png);
color:#000;
font-size:8pt;
}
.rechts p{
font-size:12pt;
}
.schaduw-bodem{
float:left;
width:1054px;
height:30px;
background-image:url(images/schaduw-bodem.png);
}
.schaduw-boven{
width:1054px;
height:30px;
background-image:url(images/schaduw-boven.png);
}
.logo-foto{
float:left;
width:320px;
height:316px;
margin-top:-25px;
}
.logo-afbeelding{
float:left;
width:320px;
height:316px;
}
.cms-guestbook{
font-family:Calibri, Verdana, Tahoma;
margin-left:15px;
margin-right:15px;
padding:0;
}
textarea{
width:250px;
height:70px;
}
input{
width:250px;
margin-bottom:5px;
}
#submit input{
width:150px;
margin-left:41%;
}
.guestbooksummary{
font-family:Calibri, Verdana, Tahoma;
padding-top:200px;
margin-left:15px;
}
#nieuws-inhoud{
font-family:Calibri, Verdana, Tahoma;
margin-left:10px;
}
