Der folgende Beitrag wurde am 12. 11. 2008, 11:05 Uhr von foomaker veröffentlicht.
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.
Der folgende Beitrag wurde am 12. 11. 2008, 11:11 Uhr von suit veröffentlicht.
> Hat mal einer einen Tip?
juhu, eigenwerbung: Horizontal und vertikal zentrieren mit CSS
user: suit
pass: rebell
Der folgende Beitrag wurde am 12. 11. 2008, 11:24 Uhr von foomaker veröffentlicht.
> > Hat mal einer einen Tip?
> juhu, eigenwerbung: Horizontal und vertikal zentrieren mit CSS
> user: suit
> pass: rebell
Hallo 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.
Der folgende Beitrag wurde am 12. 11. 2008, 11:51 Uhr von Marc veröffentlicht.
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.
--
Und immer schön
validieren (http://validator.w3.org/)
Der folgende Beitrag wurde am 12. 11. 2008, 12:07 Uhr von suit veröffentlicht.
> ??? 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
Der folgende Beitrag wurde am 12. 11. 2008, 14:51 Uhr von foomaker veröffentlicht.
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.
Der folgende Beitrag wurde am 12. 11. 2008, 14:58 Uhr von suit veröffentlicht.
> 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 ;)
Der folgende Beitrag wurde am 12. 11. 2008, 15:08 Uhr von foomaker veröffentlicht.
> > 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 ;)
"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.
Hier bitte :-)
Gruß vom foomaker
--
Natürlich glaube ich an die Existenz von Ausserirdischen. Schliesslich gibt es ja auch das PERFEKTE SCRIPT.
Der folgende Beitrag wurde am 12. 11. 2008, 15:11 Uhr von foomaker veröffentlicht.
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.
Der folgende Beitrag wurde am 12. 11. 2008, 15:24 Uhr von foomaker veröffentlicht.
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.
Der folgende Beitrag wurde am 12. 11. 2008, 15:24 Uhr von suit veröffentlicht.
> 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
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4
