Example5
Terugkerende gebruiker
- Lid geworden
- 9 mrt 2008
- Berichten
- 2.172
beste allemaal,
ik ben bezig een soort portfolio site te maken, maar loop tegen een probleempje aan:
ik heb een deel van mijn pagina gecentreerd, maar in ie wordt hij toch nog links uitgelijnd i.p.v. gecentreerd.
het gaat om www.reneit.net (open hem maar eens in internet explorer en in firefox, dat begrijp je het probleem waarschijnlijk wel).
weet iemand waar dit aan kan liggen?
de code:
html:
css:
hopelijk kan iemand mij helpen
ik ben bezig een soort portfolio site te maken, maar loop tegen een probleempje aan:
ik heb een deel van mijn pagina gecentreerd, maar in ie wordt hij toch nog links uitgelijnd i.p.v. gecentreerd.
het gaat om www.reneit.net (open hem maar eens in internet explorer en in firefox, dat begrijp je het probleem waarschijnlijk wel).
weet iemand waar dit aan kan liggen?
de code:
html:
Code:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Rene IT</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="outer-wrap">
<div id="container">
<div id="header" class="clear">
<h1><a href="/">Rene IT</a></h1>
<ul id="nav">
<li><a href="/">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="content" class="clear"> lalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalal
</div>
</div>
</div>
</body>
</html>css:
Code:
* {
margin: 0; padding: 0; border: 0;
}
body {
background: #fcf7eb url(./img/bg.png) repeat;
}
#outer-wrap {
background: url(./img/headerside.png) top repeat-x;
}
#container {
background: url(./img/header.jpg) center top no-repeat;
}
#header {
width: 860px; height: 98px; margin: 0 auto;
}
#header h1 a {
display: block; width: 245px; height: 35px; float: left; position: relative; top: 36px;
background: url(./img/logo.jpg) top; text-indent: -9999px;
}
#header h1 a:hover, #header h1 a:focus { background: url(./img/logo.jpg) bottom; }
#header ul#nav {
float: right; list-style: none; margin: 60px 55 0 0;
}
#header ul#nav li {
float: left; margin: 0 0 0 5px;
}
#header ul#nav li a {
font: 18px arial, helvetica, sans-serif; color: #fbf5e9; text-decoration: none;
text-transform: lowercase;
float: left; padding: 5px 20px 5px 20px;
}
#header ul#nav li a:hover, #header ul#nav li a.hover, #header ul#nav li a:focus, #header ul#nav li a.focus {
background: url(./img/menushad.png);
}
#content {
width: 860px; margin: 0 auto 60px auto;
font-family: arial, helvetica, sans-serif;
}hopelijk kan iemand mij helpen
