Detlef G.: eines von 2 Inline-Elemten im div-Bereich zentrieren ???

Beitrag lesen

Hallo asdf

So soll es aussehen:

| BildBildBild                                                    |
| BildBildBild                                                    |
| BildBildBild                                                    |
| BildBildBild                                                    |
| BildBildBild                                                    |
| BildBildBild                                                    |

BildBildBild       Text Text Text Text Text Text

Wenn es nur ein kurzer einzeiliger Text ist, könnte es so funktionieren (zumindest in FF 2.0.0.13 und IE6):

HTML

    <div id="box">  
      <img src="BildBildBild" alt="">  
      <span>Text Text Text Text Text Text</span>  
    </div>  

CSS

#box {  
  border:2px dashed #000;  
}  
* html #box {  
  height:1px;       /* für IE (zumindest 6) */  
}  
#box img {  
  float:left;  
}  
#box span {  
  display:block;  
  text-align:center;  
  padding-top:333px; /* Bildhöhe */  
  margin-top:-1.2em; /* Zeilenhöhe */  
}  

Auf Wiederlesen
Detlef

--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!