• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bekomme Box nicht zentriert...

Status
Für weitere Antworten geschlossen.
G

g4rg4m3l

Neues Mitglied
hi,

ich möchte auf meiner HP eine Box mit 800px Breite und die Höhe soll über die ganze Seite gehen. Hab jetzt zum Testen mal nur das hier versucht. Hab eine home.htm:

Code: 
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Test-Seite</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id=container>Hallo das ist ein Test.</div>
</body>
</html>

und ein style.css:

Code: 
div#container{
    position: absolute;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    width: 800px;
    height: 100%;
    color: white;
    background-color: black;
  }

hab schon alles mögliche Versucht aber ich bekomme es einfach nicht hin das die Box zentriert ist. Jemand ne Idee??

mfg gargamel
 
ungetestet aber sollte gehen:
Code: 
html, body {
    margin:0;
    padding:0;
    height:100%;
}
div#container {
    margin:0 auto;
    width: 800px;
    height: 100%;
    color: #FFF;
    background: #000;
}
 
Hallo habe ein ähnliches problem und will nich extra ein neues thema auf machen...

und zwar soll ein bild in der bild mitte zentriert sein egal wie groß der browser ist.
wenni ch es nur in einer auflösung mache kann ich es ja einfach ausmessen aber auch wenn man ie nutz oder ff mit ne leiste mehr soll die div zentral liegen.
mit
Code: 
margin:auto;
bekomme ich das schon mal von links und rechts zentriert aber nicht von oben und unten.
habs mit
Code: 
margin: auto auto auto auto;
versucht aber hat leider nicht geklappt.
kann mir jemand nen tip geben wie ich es mit auto befehlen machen kann?
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben