nicht angemeldet
Liste neben Bild floaten lassen
Tag zusammen ;-)
Ich habe mal folgenden Testfall konstruiert:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<style type="text/css"><!--
div {
width:730px;
background-color:#ccc;
}
img {
float:left;
}
ul {
float:left;
}
//--></style>
</head>
<body>
<div>
<img width="133" height="100" src="uploads/DSCN1288-74b-74s.JPG" alt="" />
<ul>
<li>text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text,
text, text, text, text, </li>
<li>text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text,
text, text, text, text, </li>
<li>text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text,
text, text, text, text, </li>
<li>text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text,
text, text, text, text, </li>
<li>text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text,
text, text, text, text, </li>
<li>text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text,
text, text, text, text, </li>
<li>text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text,
text, text, text, text, </li>
</ul>
<br style="clear:both;" />
</div>
</body>
</html>
Hier hätte ich eigentlich vermutet bzw. wollte ich erreichen daß die Liste das Bild umfließt.
Tut es aber nicht: sobald mehr Text in einem <li> drinnen ist als die Restliche Breite des <div> beeinhalten kann wird die ganze Liste unter das Bild geschoben. Eigentlich sollte da ja der Text im <li> umbrechen?! Oder?
Bitte um Hilfe!!!
Angie
-
Hier hätte ich eigentlich vermutet bzw. wollte ich erreichen daß die Liste das Bild umfließt.
Tut es aber nicht: sobald mehr Text in einem <li> drinnen ist als die Restliche Breite des <div> beeinhalten kann wird die ganze Liste unter das Bild geschoben. Eigentlich sollte da ja der Text im <li> umbrechen?! Oder?Das liegt daran, dass dein UL-Element ebenfalls die Eigenschaft float: left; erhalten hat.
Grüße,
Ralf
-
Das liegt daran, dass dein UL-Element ebenfalls die Eigenschaft float: left; erhalten hat.
Ich verstehs zwar nicht aber Danke - so gehts...
-