zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild im Container mittig positionieren...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.06.2005, 11:24
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.07.2004
Beiträge: 71
18inch befindet sich auf einem aufstrebenden Ast
Standard 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.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.06.2005, 11:34
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.930
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.06.2005, 11:47
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.07.2004
Beiträge: 71
18inch befindet sich auf einem aufstrebenden Ast
Standard

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>
Wie muss jetzt die Klasse aussehen, damit das Bild innerhalb des Textflusses mittig ausgerichtet ist??


Schonmal danke!
Mit Zitat antworten
  #4 (permalink)  
Alt 13.06.2005, 11:51
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.930
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

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
Mit Zitat antworten
  #5 (permalink)  
Alt 13.06.2005, 13:01
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Code:
<div id="content"> 
    text.... 
    <img .... /> 
    text.... 
    <img .... /> 
    text.... 
    <img .... /> 
    text.... 
</div>


/* css */
#content img {
   display: block;
   margin: 0 auto;
}
__________________
</ulle>
Mit Zitat antworten
  #6 (permalink)  
Alt 09.07.2005, 14:48
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.07.2004
Beiträge: 71
18inch befindet sich auf einem aufstrebenden Ast
Standard

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??
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
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
Text und Bild positionieren sabo CSS 4 15.11.2006 17:34
Ein Bild "rechts unten" positionieren bueno CSS 5 04.04.2006 14:47
Container im Bestimmten Verhältniss mittig positionieren m.zimmer CSS 6 07.03.2006 15:16


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:11 Uhr.