nicht angemeldet
Hallo zusammen,
zur Zeit scheine ich ein wenig desorientiert, da ich mit einfachen Sachen nicht mehr klar komme.
Vorneweg: Wenn man ein div in ein anderes div setzt und dem inneren position:absolute; zuweist, dann sollte es sich doch am Äußeren orientieren, oder?
Zum konkreten Problem:
Ich habe folgenden Aufbau:
---------------------------------------------------------------------
Ein Logo
Ein bisschen Text
###################################################################
# #
# #
# #
# #
# div1 # div2
# margin-left:10px; # restliche Breite
# width:440px; # des Browserfensters
# #
# #
###################################################################
# div3 #
# #
####################################
---------------------------------------------------------------------
div1 und div3 stellen kein Problem dar, nur div2 bekomm ich nicht hin.
Alle 3 divs sind in einem übergeordnetem div, daher die Frage zu Beginn.
Ich habe es mit float versucht und mit margin-left und mit absoluter Positionierung, doch ich hatte keine Erfolg.
Der Quelltext:
<style type="text/css">
<!--
body { background:#9F0; margin:15px 0px 10px 20px; }
#content-box { margin:10px 0px; }
#image-box { background:#FFF; width:440px; height:195px; }
#links-box { background:#F2FCEB; margin-left:440px; }
#text-box { background:#F2FCEB; }
-->
</style>
[...]
<body>
<div id="title">Logo, <br />blabla</div>
<div id="content-box">
<div id="image-box">div1</div>
<div id="links-box">div2</div>
<div id="text-box">div3</div>
</div>
</body>
Dankeschön für jede Hilfe!