Erstmal vielen Danke für Deine Mühe, dennoch überlegen ich mir doch lieber folgende Variante zu verwenden. Sie hat folgende Vorteile:
- funktioniert in IE6, 7 und 8 ohne Conditional Comments
- im Markup sind weniger Klassen notwendig
- die CSS Formatierung ist viel einfacher zu verstehen
hier der Code:
* {
margin: 0px;
padding: 0px;
}
div.picWithText img {
float: left;
width: 250px;
height: 320px;
background: green;
}
div.picWithText div {
height: 320px;
background: blue;
}
<div id="content">
<h2>Willkommen</h2>
<div class="picWithText">
<img src="" alt="" />
<div>
<p>Zeile 1</p>
<p>Zeile 2</p>
<p>Zeile 3</p>
</div>
</div>
<h3>Taetigkeitsschwerpunkte</h3>
<ul class="csc-bulletlist csc-bulletlist-0">
<li class="odd">Zeile 1</li>
<li class="even">Zeile 2</li>
<li class="odd">Zeile 3</li>
</ul>
</div>
Was spricht denn gegen diese Lösung?