Wie rechte box positionieren?
0 0 
Felix Riesterer
Wie rechte box positionieren?
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>
-
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?
am besten garnicht - versuchs mit float - damit hast du wahrscheinlich mehr freude
deine left und right angaben haben übrigens nur eine wirkung auf elemente deren position-eigenschaft von static abweicht (also relative, absolute oder fixed)
im übrigen sind links und rechts in den meisten fällen schlechte namen für ids oder klassen
-
Lieber pizzalover,
verwende doch anstatt "left:0;" einmal "float:left;" und bei "right:0;" einfach "float:right". Was passiert?
Liebe Grüße aus Ellwangen,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)