Vertical Align funktioniert nicht

[phelonius]

hoi,

ich schreib derzeit an einer seite und habe momentan folgendes problem
ich hab ein paar <p>s in denen text und bilder sind und diese sollen zentriert sein. vertical align benötigt dazu die line-height, aber leider sind die bilder verschieden groß, weswegen die teile wieder verschieden groß enden

falls wer eine idee hat, bitte posten

hier der code, es können ein paar kleine fehler drinnen sein, vom übertragen, aber der code geht an sich schon

thx

phelonius

CSS:

div.lala p {
border:#CCCCCC solid 1px;
padding:5px;
text-align:center;
width:200px;
height:200px;
vertical-align:middle;
line-height:100%;
}

HTML:

<div class="referenzen">
<p>
<img src="images/bild1.gif" width="43" height="100" alt=""/>
<br />
<a href="http://www.lala.at" target="_blank">lalala</a>
</p>
</div>

 

[Obedire]

line-height funktioniert glaube ich nicht mit % Angaben. Nimm am Besten px.
Bau doch einfach eine Tabelle drum und gib den entsprechenden Zellen das style Attribut vertical-align:middle;

<table class="tableX">
 <tr>
  <td class="zellClassX" oder halt style="vertical-align:middle">
     <img src="images/bild1.gif" width="43" height="100" alt=""/>
  </td>
  <td class="zellClassX" oder halt style="vertical-align:middle">
     <img src="images/bild2.gif" width="60" height="200" alt=""/>
  </td>
 </tr>
</table>

 

[Stay_Tuned]

*Autsch* Das tut weh...

Tabellen sind NICHT zum Layouten da!

@ Topic: Hast du "vertical-align" denn mal ohne "line-height" ausprobiert? Mir wäre das nämlich was neues, dass "vertical-align" nicht ohne "line-height" funktioniert.

 

[azerty]

Wie gesagt Tabellen sind nicht zum layouten da!

Ich habe selber mal mit vertical-align Probleme gehabt, es wird anscheinend von diversen Browsern heute nicht mehr unterstützt oder ich hab damals was falsch gemacht. Auf jeden Fall würde ich dir empfehlen ein Box-Modell anzuwenden, also mehrere Div-Container mit entsprechenden Margin-/Padding-Werten. Ist auf jeden Fall einfacher und W3C-Konform..

Kann dir eigentlich nur http://www.css4you.de/ empfehlen, mit der Seite hab ich mich in CSS eingearbeitet.

 

[phelonius]

*Autsch* Das tut weh...

Tabellen sind NICHT zum Layouten da!

@ Topic: Hast du "vertical-align" denn mal ohne "line-height" ausprobiert? Mir wäre das nämlich was neues, dass "vertical-align" nicht ohne "line-height" funktioniert.

mein gedanke
vertical-align:middle macht leider nur die mitte eines textes oder so, weiss noch nicht genau, bin noch einbissl verwirrt

und ja, deswegen wollt ich keine tabellen, mit denen hätt ichs auch geschafft ^_^
aba...ohne...da isses ja..einfacher...oder so

EDIT: es macht die mitte einer Zeile, da es 2 sind und ich die mitte eines ps will, gehts nicht