nicht angemeldet
Vertikale Zentrierung - Manche lernens nie...
Hallo,
Ich komme wohl mit einem der häufigsten Probleme des Webdesigns zu euch...
Ich habe einen div-Container (quadratisch) und darin ein Bild (<img...>)
nun möchte ich das Bild horizontal und vertikal zentrieren. Horizontal ist ja simpel (text-align) aber vertikal treibt mich in den Wahnsinn.
Es geht sowohl um die Thumbnails in den grünen Rahmen als auch um das große Bild im fullsize-Modus (auf ein Thumbnail klicken)
in der gallery.js (um Zeile 110) sieht man ein paar Versuche. Aber bisher hat nichts funktioniert.
Weder vertical-align = 'middle', noch margin-top / -bottom = 'auto'
Weiss da irgendwer ein Lösung die am besten noch funktioniert?
Wer mir darüberhinaus noch sagt, warum der IE (zumindest IE7) das Öffnen der Seite völlig verweigert ist mein absoluter Held :-)
mit Hoffnung auf Hilfe,
nafur
-
Wer mir darüberhinaus noch sagt, warum der IE (zumindest IE7) das Öffnen der Seite völlig verweigert ist mein absoluter Held :-)
Welche Seite?
Server unerreichbar.
Nicht nur für MSIE.mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
-
mit dem Zentrieren weis ich auch nicht weiter
aber das mit dem IE is einfach, er denkt da is was gefährliches in der Seite, der IE7 soll ja sicher sein! ... lol
muss einem halt egal sein... ich würd nie was ändern nur damit ein IE es lesen kann...
l.g.
-
Hi,
sagen wir dein zu zentrierendes div habe die id="mitte" und eine gradzahlige Kantenlänge, also 2*a px, dann sieht das css für die Zentrierung wie folgt aus:
[code:css]
#mitte {
position: absolute;
top: 50%;
left: 50%;
width: 2*apx;
height: 2*apx;
margin: -apx 0 0 -apx;
}
[/code]zu beachten ist dabei, dass alle Container, in denen dieses div enthalten ist, also angefangen mit html, body usw. jeweils Höhen- und Breitenangaben benötigen.
bye trunx
--
Die Standard-Antwort: "Bitte benutze die Forum-Suche!" macht die Forum-Suche kaputt, weil die Suche dann nämlich genau vor allem diese dämliche Standard-Antwort, also Müll liefert. Sinnvoller ist stattdessen folgende Standard-Antwort: "Dieses Thema wurde schon vielfach im Forum besprochen, siehe z.B. <a>hier</a> oder <a>hier</a> oder benutze die Forum-Suche z.B. mit den Stichworten 'Stichwort1 Stichwort2'." Danke.-
sagen wir dein zu zentrierendes div habe die id="mitte" und eine gradzahlige Kantenlänge, also 2*a px, dann sieht das css für die Zentrierung wie folgt aus:
bitte nicht unbedingt diese lösung verwenden
dieser hier erfüllt eher die anforderungen:
http://forum.de.selfhtml.org/archiv/2008/4/t170478/#m1114446
-
-