zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild mittig ausrichten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.03.2012, 12:16
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.03.2006
Beiträge: 58
heohni befindet sich auf einem aufstrebenden Ast
Standard Bild mittig ausrichten

HTML-Code:
<div id="content">
<section class="fLeft">
    <figure><img src="/img/minkner.png" alt=""></figure>
 snip               
 </section>
</div>
Hallo Ihr Lieben!

Wie kann ich denn das Bild im tag <figure> horizontal und vertikal mittig ausrichten?

HTML-Code:
#content section figure{
    position: relative;
    height: 260px;
}
#content section figure img{
    position: absolute;
    top: 50%;
    left: 50%;
}
top und left hilft mir in dem Fall gar nicht, denn dann fängt das Bild bei 50/50 erst mit der linken oberen Kante an...

Wie bekomme ich es hin, das es zentriert wird?

Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.03.2012, 12:24
Neuer Benutzer
neuer user
 
Registriert seit: 24.11.2011
Beiträge: 8
Highttower befindet sich auf einem aufstrebenden Ast
Standard

Ich habe die erfahrung gemacht das man eine mittige Position eher mit einem Padding von ca. 40% erreicht. Je nacht dem was du als Zielauflösung fährst, solltest du zwei bis drei Prozent abziehn oder drauf rechnen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.03.2012, 15:19
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Ein abs. pos. Element mit bekannten Dimensionen wird zentriert, wenn alle Offsets auf Null und alle Margins auf auto gesetzt werden.
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
Flash Gallerie mittig ausrichten Ashida CSS 5 15.09.2009 22:11
Bild im Fliesstext unten rechts ausrichten FinalAngel CSS 3 08.01.2009 09:29
Bild un Text mittig ausrichten Cheffu CSS 4 24.10.2007 18:00
Text mittig neben Bild ausrichten prm CSS 5 10.02.2007 11:19
Bild im Container mittig positionieren... 18inch CSS 5 09.07.2005 15:48


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:56 Uhr.