img einfach mittig zentrieren
Gary
- css
0 ChrisB0 dave0 Gunnar Bittersmann
Abend,
Ich versuche schon eine Weile ein einfaches .jpg als banner oben mittig zu zentrieren. Geht das überhaupt ohne div?
CSS-Code:
-----------------------------
img#Pic00 {
align: middle;
position: absolute;
float: none;
}
-----------------------------
Html-Code:
-----------------------------
<img id="Pic00" src="titlebanner.jpg" width="837" height="116" alt="titlebanner">
-----------------------------
So ein Mist! Mit DIV ist es glaub einfacher *g*
Gruß
Gary
Hi,
Ich versuche schon eine Weile ein einfaches .jpg als banner oben mittig zu zentrieren. Geht das überhaupt ohne div?
Ja.
Geht es vielleicht auch, dass du mal Suchen lernst - damit du zu solchen bereits zigfach diskutierten Fragen auch mal die Lösung findest, ohne hier den x-ten neuen Thread dazu aufzumachen?
</hilfe/faq.htm#css-zentrieren>
MfG ChrisB
Hi ChrisB
</hilfe/faq.htm#css-zentrieren>
Echt, wo ihr das immer findet. Ich kann Stundenlag suchen und würde sowas nie finden...
Lösungsweg:
img#Pic00 {
position: absolute;
left: 50%;
margin-left: -418.5px;
float: none;
}
Also 50% mitte von links. Dann die Hälfte der Bildpunkte mit margin abziehen.
Einen Direkten Zentrierbefehl wie Beispielsweise text-align: center; gibt es nicht für Bilder.
Gruß und Danke
Gary
Hi,
</hilfe/faq.htm#css-zentrieren>
Echt, wo ihr das immer findet. Ich kann Stundenlag suchen und würde sowas nie finden...
Und selbst wenn du mit der Nase draufgestossen wirst, wählst du zielsicher noch die schlechteste Lösung ...
Einen Direkten Zentrierbefehl wie Beispielsweise text-align: center; gibt es nicht für Bilder.
Normale Bilder, die inline dargestellt werden, lassen sich selbstverständlich auch über text-align zentrieren - aber das erfordert natürlich noch ein Element ums Bild drumherum, dem man diese Eigenschaft zuweisen kann.
Ohne zusätzliches Element geht es aber auch - du hättest nur den Anfang von http://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_inhalte lesen und verstehen müssen ...
MfG ChrisB
Normale Bilder, die inline dargestellt werden, lassen sich selbstverständlich auch über text-align zentrieren - aber das erfordert natürlich noch ein Element ums Bild drumherum, dem man diese Eigenschaft zuweisen kann.
z.b. dem umgebenden body-Element.
HI ChrisB
Ohne zusätzliches Element geht es aber auch - du hättest nur den Anfang von http://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_inhalte lesen und verstehen müssen ...
Habe ich gelesen. Rechts und links zusammen mit auto funktioniert nicht!
Gruß Gary
Hi,
Ohne zusätzliches Element geht es aber auch - du hättest nur den Anfang von http://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_inhalte lesen und verstehen müssen ...
Habe ich gelesen. Rechts und links zusammen mit auto funktioniert nicht!
Natürlich - weil du das zweite Wort wahrscheinlich einfach überlesen hast.
MfG ChrisB
Hi,
funktioniert #Pic00 {margin:0 50%;}
?
So ein Mist! Mit DIV ist es glaub einfacher *g*
Wäre das nicht genau das gleiche?
~dave
@@Gary:
nuqneH
Ich versuche schon eine Weile ein einfaches .jpg als banner oben mittig zu zentrieren.
http://community.de.selfhtml.org/zitatesammlung/zitat231
So ein Mist! Mit DIV ist es glaub einfacher *g*
http://community.de.selfhtml.org/zitatesammlung/zitat1784
Qapla'