pizzalover: Wie rechte box positionieren?

Beitrag lesen

SELF-Forum

Wie rechte box positionieren?

pizzalover
– Informationen zu den Bewertungsregeln

Hallo!

ich versuche die #rechtsbox-Div so zu positionieren, dass sie exakt gegenüber #linksbox in der #box-Div liegt. Wenn ich die Bilder einfüge, dann wird der Background von rechtsbox nach unten gedrückt.

Wie positioniere ich das richtig?

Danke!

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
  "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<title></title>  
  
<style type="text/css">  
<!--  
body, html  
{  
height: 100%;  
margin: 0;  
padding: 0;  
}  
  
div#nav  
{  
height: 100%;  
width: 50%;  
background: #0086d7;  
float: left;  
padding:15px;  
}  
  
div#content  
{  
height: 100%;  
background: #CC9900;  
width: auto;  
padding:15px;  
}  
#box{  
background-image:url(Unbenannt-2_r1_c3.png);  
background-repeat:repeat-x;  
height:85px;  
}  
#linksbox{  
left:0px;  
background-image: url(Unbenannt-2_r1_c1.png);  
height:85px;  
background-repeat:no-repeat;  
}  
#rechtsbox{  
background-image: url(Unbenannt-2_r1_c6.gif);  
height:85px;  
background-repeat:no-repeat;  
right:0px;  
}  
-->  
</style>  
  
</head>  
<body>  
  
<div id="nav">Box1  
    <div id="box">  
        <div id="linksbox"></div>  
        <div id="rechtsbox"></div>  
    </div>  
</div>  
  
<div id="content">Box2</div>  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln