nicht angemeldet
Hi!
total verzweifelt wende ich mich an euch! Ich kriege es einfach nicht hin dass die div-box nur so hoch ist wie es sein inhalt benötigt. Der IE macht die box viel zu hoch!!
Mein ziel ist es per css die divs so anzuordnen wie in meiner angehängten grafik. Hier mein vereinfachter code:
<html>
<head>
<style>
#gesamt {
bordeR: 2px solid blue;
width: 150px;
height: 50px;
margin-top: 5px;
}
#lo {
position: relative;
top: 3px;
left: 2px;
background: yellow;
width: 10px;
height: 5px;
}
#lu {
position: relative;
top: 10px;
left: 2px;
background: aqua;
width: 10px;
height: 5px;
}
#re {
position:relative;
top:-35px;
left: 15px;
background: purple;
width: 25px;
height: 40px;
}
#text {
position: relative;
top: -60px;
left: 50px;
width: 60%;
border: 1px solid black;
}
</style>
</head>
<body>
<div id="gesamt">
<div id="lo"></div>
<div id="lu"></div>
<div id="re"></div>
<div id="text">labalaba</div>
</div>
<div id="gesamt">
<div id="lo"></div>
<div id="lu"></div>
<div id="re"></div>
<div id="text">labalaba</div>
</div>
</body>
</html>
Wie kann ich die divhöhe bloss reduzieren?
Danke für jeden Tipp!!
Liebe Grüsse
Rondra