Auf der anderen Seite im Tabellenelement TD schon. Das DIV mag
zwar im Tabellenelement "drin stecken", aber vertical-align tuts
absolut nicht, also ist es meiner Ansicht so, das sich die vertikale
Ausrichtung nur auf Elemente auswirkt, die direkt im Tabellenelement
enthalten sind und nicht in irgendwelchen Unterelementen. Ich weiß
jetzt natürlich nicht, ob ich was in den Styles vergessen habe oder
ob sich dieses Problem nur auf DIV-Elemente bezieht. Aber es nicht sachgerecht angewandt. :) Es ging ja um das zentrierte Ausrichten eines Bildes. Den Effekt bemerkst du so:
< p style = " font-size: 100px; " > Text < img src = " irgendwas " width = " 10 " height = " 10 " style = " vertical-align: middle; border: 1px solid red " > Text p >
Alternativ geht natürlich auch eine line-height für den Text, die größer als das Bild ist. Css - vertikal - html bild mittig - Code Examples. Aber es nicht sachgerecht angewandt. :)
schon gut, ich gebe zu, ein vertical-align im TD-Tag hätte
ausgereicht. Ich wollte es damit nur etwas hervorheben oder so
ähnlich:-)
Es ging ja um das zentrierte Ausrichten eines Bildes.
Html Bild Mittig Ausrichten Chrome
Mit der passenden line-height sollte das auch anders realisierbar sein. - Sven Rautenberg
Hallo Efchen,
Richtig heißt es nämlich:
vertical-align: center;
Grüße
Marc Reichelt ||
--
Linux is like a wigwam - no windows, no gates and an Apache inside! Selfcode: ie:{ fl:| br:> va:} ls:< fo:} rl:( n4:( ss:) de:> js:| ch:? sh:| mo:) zu:)
Hallo nochmals,
Natürlich muss es so heißen:
vertical-align: middle;
Immer diese kleinen blöden Fehler. hmmm... nicht?! Html bild mittig ausrichten chrome. war das nur bei tabellen?.... na dann background-position: center center;
oder mit margin:wert; (margin-top, margin-bottom, margin-left, margin-right)
oder padding:wert;
Leider auch alles falsch:-)
WARUM???? ich hab hier son buch, da steht drin, dass man mit padding innenabstände definieren kann.... also was soll da bitte falsch sein!? Hallo Stefan,
_Daran_ ist nichts falsch. Aber die Frage war nach einer Methode, um ein Bild vertikal auszurichten. auch nicht ganz richtig, zum ausrichten wäre margin und padding ok, es soll aber vertikal zentriert werden.
Browser, die korrekt arbeiten ignorieren diese Angabe für die Darstellung von Blöcken und der IE < 6. x stellt so formatierte Blöcke horizontal mittig dar. Beispiel: Rechteck horizontal und vertikal mittig ausrichten:
Möchten Sie Blöcke horizontal und vertikal mittig ausrichten ist etwas Mathematik gefragt und die Größe des Blockes in horizontaler und vertikaler Richtung muß angegeben werden.. Bild un Text mittig ausrichten - XHTMLforum. rechteck {width:60em; height:40em;
position:absolute; left:50%; top:50%;
margin-left:-30em; margin-top:-20em;
border: 1px solid #F3F1B4;
z-index:1;}
Mit der Klasse. rechteck wird in unserem Beispiel ein Rechteck von 60em (960px) Breite und 40em (640px) Höhe horizontal und vertical mittig im Browserfenster ausgerichtet. Das Rechteck wird absolut positioniert, d. h. es richtet sich nicht nach anderen Elementen auf der Webseite, kann also nicht durch sie verschoben werden. Bei absoluter Positionierung sollte deshalb ein z-index festgelegt werden, damit bei überlappenden Ebenen nicht versehentlich Elemente verdeckt werden.