nicht angemeldet
Guten Abend!
Mich quält seit Stunden ein Problem und ich hab keine Ahnung, wie ich es am besten beschreiben soll.
Fakt ist, dass ich einen DIV-Container mit drei Bereichen habe. Oben links stehen Kontaktinformationen (eigener DIV), oben rechts ein Logo (DIV mit float:right) und unten beliebiger Text (DIV mit clear:right).
Soweit kein Problem, nun beabsichtige ich aber, das Logo (DIV 2) relativ zu den Kontaktinformationen (DIV 1) auszurichten. Hinzu kommt noch, dass ich in der Praxis weder die Höhe des 1. DIVs weiß (nicht immer sind alle Zeilen vorhanden), noch die Höhe des Unternehmenslogos. Bisher ist mir mit etwas Herumspielerei lediglich gelungen, das Logo über ein paar position-parameter auf die Höhe der Unterkante des 1. DIVs zu bringen.
Hat jemand eine Idee, wie sich das Problem lösen ließe??
mfg
thewho88
----
Hier mein(stark vereinfachter) Quelltext:
<html>
<head>
<style type="text/css">
<!--
div.box {
width:400px;
padding:5px;
border:1px solid green;
font-size:12px;
}
div.inhalt {
width:200px;
text-align:left;
background-color:yellow;
}
div.ende {
clear:right;
background-color:#FF6699;
}
div.logo {
width:200px;
float:right;
text-align:center;
}
-->
</style>
</head>
<div class="box">
<div class="logo">
<img src="http://www.wurst-wasser.net/Wurst-Wasser.net/Wiki-Uploads/christkind.jpg" width="100">
</div>
<div class="inhalt">
<div>Inhaber: ABC</div>
<div>Musterstraße 99<br>
1000 Musterstadt</div>
<div>Tel.: 0000/000 00<br>
Mobil: 0000/000 00<br>
Fax: 0000/000 00</div>
<div>E-Mail: abc@xyz.com<br>
WWW: www.abc.com</div>
</div>
<div class="ende">Öffnungszeiten:<br> </div>
</div>
</html>