zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild unbekannter Größe vertikal zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.10.2007, 15:30
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.07.2005
Beiträge: 1.073
xm22 befindet sich auf einem aufstrebenden Ast
Standard Bild unbekannter Größe vertikal zentrieren

Hallo,

ich stecke hier echt fest und das ist jetzt mein letzter Anlauf, bevor ich das mit einer Tabelle umsetzt. Problem:

Ich habe ein Div mit fester Größe und da hinein sollen Bilder mit unbekannter Größe, aber horizontal als auch vertikal zentriert.

Horizontal ist kein Problem, vertikal hingegen schon - zumindest, weil es auch im IE laufen muss. Daher fällt display:table-cell flach..
__________________
... Meine Meinung
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.10.2007, 15:37
Benutzerbild von grischa_sgd
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Beiträge: 170
grischa_sgd befindet sich auf einem aufstrebenden Ast
Standard

Versuchs nach folgendem Schema:
Code:
DIV:
line-height:250%;
margin:1em 20%;
text-align: center;

IMG:
vertical-align:middle;
Zitat:
das ist jetzt mein letzter Anlauf, bevor ich das mit einer Tabelle umsetzt.
Bitte keine Drohungen
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.10.2007, 15:58
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.07.2005
Beiträge: 1.073
xm22 befindet sich auf einem aufstrebenden Ast
Standard

Funktioniert ganz hervorragend - außer im IE6
__________________
... Meine Meinung
Mit Zitat antworten
  #4 (permalink)  
Alt 16.10.2007, 16:03
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.07.2005
Beiträge: 1.073
xm22 befindet sich auf einem aufstrebenden Ast
Standard

Ich habe die Lösung! Ist zwar nicht so, wie ich es ursprünglich gedacht hatte, aber egal: Das Bild wird einfach zentriert als Hintergrundbild des Divs genommen...

Trotzdem danke für die Mühe
__________________
... Meine Meinung
Mit Zitat antworten
  #5 (permalink)  
Alt 16.10.2007, 16:03
Benutzerbild von grischa_sgd
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Beiträge: 170
grischa_sgd befindet sich auf einem aufstrebenden Ast
Standard

Wie wärs denn, wenn du dem Div das hier gibst:
Code:
#inhalt { 	
  position:absolute;
  height:200px; 
  width:400px;
  margin:-100px 0px 0px -200px;
  top: 50%; 
  left: 50%;
Je nachdem musst du deine Breite (die des Divs ) anpassen
Mit Zitat antworten
  #6 (permalink)  
Alt 16.10.2007, 16:16
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.07.2005
Beiträge: 1.073
xm22 befindet sich auf einem aufstrebenden Ast
Standard

?

Es ging um das Bild im Div..
__________________
... Meine Meinung
Mit Zitat antworten
  #7 (permalink)  
Alt 16.10.2007, 17:15
Benutzerbild von grischa_sgd
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Beiträge: 170
grischa_sgd befindet sich auf einem aufstrebenden Ast
Standard

Oh, da hab ich wohl etwas verwechselt.

Versuchs mal mit folgendem Artikel, der behandelt das von dir benötigte Thema:
Vertikal und horizontal zentrieren ohne Tabelle
Ich kann mich erst wieder später direkt um das Problem kümmern.
Mit Zitat antworten
  #8 (permalink)  
Alt 16.10.2007, 17:39
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.07.2005
Beiträge: 1.073
xm22 befindet sich auf einem aufstrebenden Ast
Standard

Das ist im Prinzip das Gleiche wie oben. Es klappt halt im IE6 nicht, zumindest nur mit Text, aber eben nicht mit einem Bild..
__________________
... Meine Meinung
Mit Zitat antworten
  #9 (permalink)  
Alt 16.10.2007, 17:52
purist
XHTMLforum-Mitglied
 
Registriert seit: 02.08.2005
Ort: luzern (schweiz)
Beiträge: 294
andip wird schon bald berühmt werden
Standard

vielleicht fürs nächte mal--> klick mich
Mit Zitat antworten
Sponsored Links
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
Bild & Text vertikal zentrieren Flux CSS 6 23.08.2009 01:14
Bild vertikal zentrieren Cheops07 CSS 6 14.10.2006 11:37
Bild vertikal zentrieren in div just2b CSS 4 18.08.2006 10:16
Bild vertikal zentrieren danysahne1983 CSS 1 10.07.2006 11:01
Bild vertikal zentrieren in Blockelement in IE nur m. TABLE AndreasB CSS 11 13.03.2006 18:05


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:09 Uhr.