|
|||
Bild im Container mittig positionieren...
Hallo,
ich habe mir so eine Art Mini-CMS gebastelt. Hier kann ich z.B. Bilder per Klick in meinen Quellcode einfügen. Per Radiobuttons kann man wählen ob das Bild links- oder rechtsbündig ausgerichtet wird. Dementsprechend wird dann im Quellcode <img ... align="left" ...> eingefüt. Soweit so klar. Wie kann ich nun das Problem beseitigen, wenn ich ein Bild mittig positionieren will??? Normalerweise positioniere ich eine 600px breite grafik so: (mittig) position: absolute; left: 50%; margin-left: -300px; Das stellt auch kein Problem dar, da ich ja die genauen Maße des Bildes habe. Aber wie kann ich das Ganze flexibel halten?? Angenommen ich weiss vorher nicht wie breit mein Bild ist. Wie kann ich das per css lösen??? Hat jemand ne Idee?? ps: mit align="center" will ich es nicht machen. Zudem funzt es auch nicht. |
Sponsored Links |
|
||||
Ich hab es anders gemacht - ich hab das jeweilige Bild in einen DIV als Hintergrund (dynamisch) gelegt - und mit 50% 50% einfach komplett zentriert. So musst Du nicht die Größe des Bildes wissen und es wird immer korrekt zentriert.
Sieht man hier: http://www.ballettmodel-eva.de/galerie/?kat=4
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
|
|||
Gute Methode. Allerdings meinte ich was anderes.
Also: Ich habe inen ganz normalen Text indem ich jetzt das Bild einfügen will. z.B.: Code:
<div id="content"> 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 text text text ... text text text text ... text text text text text text text text text text text text text text . <img .... class="mittig" ...><br class="clr"> 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 text text text text text text text text text text text . </div> Schonmal danke! |
|
||||
Da gabs nen Artikel darüber bei www.alistapart.com ... schau mal da rein.
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
|||
Code:
<div id="content"> text.... <img .... /> text.... <img .... /> text.... <img .... /> text.... </div> /* css */ #content img { display: block; margin: 0 auto; }
__________________
</ulle> |
|
|||
Hallo.
Ich möchte ein Bild im content Bereich mittig positionieren. Der div Container soll z.B. 600 px Breit sein. Wenn ich dem img das Attribut align verpasse, dann kann ich das Bild links, mittig und rechts positionieren. (unabhängig) von der Breite des Bildes. Allerdings wird dies nur im IE mittig positioniert. Der FF und NS machen es nicht. Kann ich per css allen Bildern die Eigenschaften zuweisen, so dass sie immer mittig positioniert werden. Das Problem ist, dass die Bilder unterschiedlich breit sind. Deswegen kann ich nicht mit so left:50%; margin-left:-250px; Geschichten arbeiten. Kann mir einer sagen, wie ich das per css hinkriege?? |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
2 Divs im Container mittig | seerose | CSS | 2 | 21.05.2018 21:11 |
Menu responsiv immer mittig positionieren | philippsen | CSS | 5 | 21.05.2013 17:02 |
Schattierungseffekt mittig positionieren | horry5 | CSS | 5 | 19.07.2010 10:08 |
Box mit runden Ecken, Bild richtig Positionieren | Phantasielos | CSS | 9 | 27.04.2010 09:51 |
Container im Bestimmten Verhältniss mittig positionieren | m.zimmer | CSS | 6 | 07.03.2006 15:16 |