|
|||
Bild mittig ausrichten
HTML-Code:
<div id="content"> <section class="fLeft"> <figure><img src="/img/minkner.png" alt=""></figure> snip </section> </div> 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%; } Wie bekomme ich es hin, das es zentriert wird? |
Sponsored Links |
|
|||
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.
|
Sponsored Links |
|
|||
Ein abs. pos. Element mit bekannten Dimensionen wird zentriert, wenn alle Offsets auf Null und alle Margins auf auto gesetzt werden.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |