5i5
Gebruiker
- Lid geworden
- 27 jan 2009
- Berichten
- 376
Zoals de titel zegt hebt ik een probleem met het rechts uitlijnen van een div.
De rechter div (east) wordt uitgelijnd onder de hoogte van de middelste div (main). Dit is niet de bedoeling ik wil de rechter div op gelijke hoogte als de twee andere div's hebben.
PS: Ik wil di niet met de margin-top van de rechter div (east) doen omdat ik deze dan aan moet passen voor elke verandering in mijn pagina.
HTML-code:
CSS-code:
Alvast bedankt.
De rechter div (east) wordt uitgelijnd onder de hoogte van de middelste div (main). Dit is niet de bedoeling ik wil de rechter div op gelijke hoogte als de twee andere div's hebben.
PS: Ik wil di niet met de margin-top van de rechter div (east) doen omdat ik deze dan aan moet passen voor elke verandering in mijn pagina.
HTML-code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="CSS/Style.css" media="screen" />
<link rel="shortcut icon" href="CSS/IMG/.ico" />
</head>
<body>
<div id="header">
<h1><br/>Titel</h1>
<center>
<div class="nav">
<ul>
<li><a href="" class="selected">A </a></li>
<li><a href="">B </a></li>
<li><a href="">C </a></li>
<li><a href="">D </a></li>
<li><a href="">E </a></li>
</ul>
</div>
</center>
</div>
<div id="west">
<p>a</p>
</div>
<div id="main">
<p>bdasdasdsad</p>
<p>adsaf</p>
</div>
<div id="east">
<p>a</p>
</div>
</body>
</html>
CSS-code:
Code:
body
{
z-index: 10;
margin: 0px;
padding: 0px;
background: #444;
font-family: Verdana;
color: #FFF;
font-size: 12px;
}
p
{
font-family: Verdana;
color: #FFF;
}
a, a:visited
{
font-family: Verdana;
color: #93DEFF;
text-decoration: none;
}
a:hover, a.active
{
font-family: Verdana;
color: #FFF;
text-decoration: none;
}
h1
{
font-size: 24px;
margin: 0px;
margin-left: 24px;
margin-top: 0px;
padding: 0px;
}
#header
{
z-index: 90;
margin: 0px;
height: 123px;
background: #333;
border-bottom: #FFF solid 1px;
}
#west
{
z-index: 50;
float: left;
clear: left;
margin-top: 12px;
height: 40%;
margin-left: 10px;
width: 120px;
background: #FFF;
}
#main
{
z-index: 80;
margin-left: 140px;
margin-right: 140px;
margin-top: 12px;
background: #FFF;
}
#east
{
z-index: 40;
float: right;
clear: right;
margin-top: 12px; /**/
height: 40%;
margin-right: 10px;
width: 120px;
background: #FFF;
}
Alvast bedankt.
Laatst bewerkt: