nicht angemeldet
Blockelement Zentrierung - 1000 Beiträge - Lösung?
1 0 DANKE :-)))
0 
Marc
0 0 0 0 0 0 ICH HAB'S!!!
1
Blockelement Zentrierung - 1000 Beiträge - Lösung?
Tach zusammen.
Helft mir bitte auf die Sprünge. ;-)
Die Forumssuche liefert mir zahlreiche Ergebnisse zu "div zentrieren", finde aber dennoch nicht das, was ich suche.
Das div soll mittig horizontal als auch vertikal angezeigt werden.
Bis jetzt habe ich das:
<body style="margin:0px; text-align:center;">
<div style=" margin: auto; background-color:blue; position: relative; width:1000px; height: 580px;"></div>
</body>
Das div steht mittig am oberen Rand.
"vertical-align" im body-style führt nicht zum gewünschten Effekt, beschreibt aber, was ich will.
Hat mal einer einen Tip?
fragt foomaker
--
Natürlich glaube ich an die Existenz von Ausserirdischen. Schliesslich gibt es ja auch das PERFEKTE SCRIPT.
Natürlich glaube ich an die Existenz von Ausserirdischen. Schliesslich gibt es ja auch das PERFEKTE SCRIPT.
-
Hat mal einer einen Tip?
juhu, eigenwerbung: Horizontal und vertikal zentrieren mit CSS
user: suit
pass: rebell-
Hat mal einer einen Tip?
juhu, eigenwerbung: Horizontal und vertikal zentrieren mit CSS
user: suit
pass: rebellHallo suit,
vielen Dank. Perfekt. Superhilfe.
Wünsche Dir noch einen wundervollen Tag.
Gruß vom foomaker
--
Natürlich glaube ich an die Existenz von Ausserirdischen. Schliesslich gibt es ja auch das PERFEKTE SCRIPT. -
Hallo,
Hat mal einer einen Tip?
juhu, eigenwerbung: Horizontal und vertikal zentrieren mit CSS??? Bei mir (FF 3.01 und WinXP) wird da nix zentriert, weder horizontal, noch vertikal...
Viele Grüße,
Marc.-
??? Bei mir (FF 3.01 und WinXP) wird da nix zentriert, weder horizontal, noch vertikal...
nachdem die seite noch nicht fertig ist, wirst du dort auf ein leeres template verwiesen, welches nicht durch den parser läuft - muss ich korrigieren, danke für den hinweis
-
Hallo Suit,
bei der Verwendung Deiner Skriptzeilen stellt sich mir folgendes Problem:
Ohne Doctype-Deklaration wird alles wie gewünscht dargestellt, ohne nicht.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> body { margin:0px; height:100%; } div#dummy { float: left; width: 1px; height: 50%; margin-bottom: -300px; } div#display { clear: left; margin: 0 auto; width: 1000px; height: 580px; background: #FF0000; } </style> </head> <body> <div id="dummy"></div> <div id="display"></div> </body> </html>zeigt kein mittig dargestelltes rot hinterlegtes div, sondern eins, dass sich am oberen viewport-Rand rumlümmelt.
Habe ich was übersehen?
Gruß vom foomaker
--
Natürlich glaube ich an die Existenz von Ausserirdischen. Schliesslich gibt es ja auch das PERFEKTE SCRIPT.-
Ohne Doctype-Deklaration wird alles wie gewünscht dargestellt, ohne nicht.
hä?
Habe ich was übersehen?
das title-element fehlt
wenns nicht funktioniert: bitte link posten ;)
-
Ohne Doctype-Deklaration wird alles wie gewünscht dargestellt, ohne nicht.
hä?Habe ich was übersehen?
das title-element fehltwenns nicht funktioniert: bitte link posten ;)
"hä?" war exakt meine erste Reaktion.
Okay, das title-Element fehlte. Ich habe es der Vollständigkeit hinzugefügt, was aber nichts am Ergebnis änderte.
Gruß vom foomaker
--
Natürlich glaube ich an die Existenz von Ausserirdischen. Schliesslich gibt es ja auch das PERFEKTE SCRIPT.-
wird im IE 6 übrigens korrekt, also zentriert und mittig angezeigt.
so, und nü?
fragt sich der foomaker
--
Natürlich glaube ich an die Existenz von Ausserirdischen. Schliesslich gibt es ja auch das PERFEKTE SCRIPT.-
Suit,
Schande über mein Haupt.
Ich bitte um Vergebung.
Hatte in den css-Angaben das "html" bei der Definition für "html,body" übersehen und nicht übernommen.
Jetzt gehts auch mit dem FF.
Vielen Dank.
;-) vom foomaker
--
Natürlich glaube ich an die Existenz von Ausserirdischen. Schliesslich gibt es ja auch das PERFEKTE SCRIPT. -
wird im IE 6 übrigens korrekt, also zentriert und mittig angezeigt.
so, und nü?vergleiche meinen code mit dem von dir verwendeten - insbesondere der allererste verwendete selektor im css ist relevant
-
-
-
-
-
-
-