nicht angemeldet
height: auto reagiert nicht auf img float: left
Hallo,
ich habe folgendes Problem:
bei folgendem code:
<style type="text/css>
html, body {
color: #242424;
background-color: #3975bb;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
text-align:center;
}
div#mitte {
background: #fff url(src/shadow_bg.gif) repeat-y;
width: 770px;
min-height: 100%;
height:auto !important; /* für moderne Browser */
height:100%; /*für den IE */
padding: 0px;
margin: 0px auto;
border: 0px solid;
text-align:left;
}
div#main {
position: relative;
padding: 0px 15px;
}
</style>
<body>
<div id="mitte"><div id="main"><img alt="bild blabla" src="bild.jpg" style="float: left; width: 400px; height: 599px;"/><p>Blaaaaaaaaablaaa ein Text, der kürzer ist, als das Bild</p></div></div></body>
... bei diesem Code verlängert sich das Div id="main" nicht auf die Höhe des Bildes, sondern nur auf die des Textes.
Weiß jmd, wie ich das beheben kann?
-
Hi,
ich habe folgendes Problem:
[float nicht begriffen, wie schon Hunderte vor mir ...]</archiv/2007/1/t143585/#m932279>
MfG ChrisB
-
Hallo,
du könntest doch den Text nach rechts floaten.
____________
Write back soon