goewe.com: vertical-align und float

Beitrag lesen

Hallo!

Dieses Problem kommt mir immer wieder unter, aber ich kriege es bislang (ohne Tabellen - nur mit CSS) einfach nicht hin: Ich habe links eine Grafik, die rechts von Fließtext umflossen, welcher wiederum vertikal zentriert dargestellet werden soll. Also so soll es am Ende aussehen:


|******|
|******|
|******|  text text text text text
|******|  text text text
|******|

******

Kein Problem (solange es sich nicht um NN4 handelt):
(NN4 hat teilweise mit nebeneinander positionierten elementen Probleme)
test.html:
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css" media="screen">
</head>
<body>

<div>
  <img id="bild" src="quelle.jpg">
</div>

<div class="rightsection">
  <span id="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
  </span>
</div>

</body>
</html>

test.css:
.rightsection
  {
    position:absolute; top: 30px; left:150px; right:5px; z-index:4;
    padding:8px;
    border: thin solid #999;
    background:yellow;
    text-align:center;
  }
#bild { width:140px; height:100px; border:2px;}

auch Schöne Grüße,
a.goewe