- {
margin: 0px;
padding: 0px;
}
Das ist böse, habe ich schon gesagt.
Aber das wirst du noch selber rausfinden.
div.picWithText img {
float: left;
width: 250px;
height: 320px;
background: green;
}
du vertraust auf eine fixierte Höhe.
div.picWithText div {
height: 320px;
background: blue;
}
Hier ebenfalls. Was wenn die Children in diesem div mehr/weniger Höhe beanspruchen.
> ~~~html
> <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>
.....
> </div>
>
Was spricht denn gegen diese Lösung?
Soweit ich sehe, wirst du das eher zufällig gegeneinander vertikal zentrieren können. Damit hast du eines deiner erstens Anliegen verleugnet.
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische