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

Zentrieren

Status
Für weitere Antworten geschlossen.
S

Sea-Kay

Neues Mitglied
Hallo liebe Foremgemeinde,
ich habe eine Frage bzw ein Problem mit meiner Seite.
Ich programmiere die Seite mir dem Dreamweaver....
Ich habe alle bilder der Seite mit Layern eingefügt...
Nun habe ich ein Problem und zwar habe ich die Layer auf der Seite am rechten Rand ausgerichtet.
Bei einer Auflösung von 1024x768 ist das auch okay.
Aber bei einer höheren Auflösung, bleibt an der rechten Seite dann ein hößlicher Rand.
Gibt es eine Möglichkeit ALLES von der Seite zu zentrieren?
Wöre sehr dankbar für die hilfe
 
Umgib den Inhalt mit einem div und gebe per CSS einige Eigenschaften mit:

Code: 
#zentriertesdiv { margin: 0px auto;text-align: center; }
 
Ich habe das getestet, aber wenn ich das so amche, dann werden immer alle Divs untereinander angezeigt.

Ich schick mal mein Quelltext mit... vielleicht hilft das... hab schon zahlreiche lösungsvorschläge probiert... keiner hat geholfen

Code: 
<style type="text/css">
<!--

# zent{
    margin:0px auto;
    text-align:center;
    }
#top2 {
    position:absolute;
    left:258px;
    top:0px;
    width:754px;
    height:72px;
    z-index:2;
}
#liga {
    position:absolute;
    left:120px;
    top:1px;
    width:258px;
    height:96px;
    z-index:2;
}
#navigation {
    position:absolute;
    left:259px;
    top:73px;
    width:746px;
    height:22px;
    z-index:1;
}
#top1 {
    position:absolute;
    left:258px;
    top:95px;
    width:747px;
    height:161px;
    z-index:3;
}
#gruen1 {
    position:absolute;
    left:0px;
    top:96px;
    width:80px;
    height:157px;
    z-index:1;
    background-color:#678A26;
}
#gruen2 {
    position:absolute;
    left:1008px;
    top:95px;
    width:15px;
    height:161px;
    z-index:4;
    background-color:#678A26;
}
#grau {
    position:absolute;
    left:80px;
    top:97px;
    width:248px;
    height:161px;
    z-index:1;
    background-color:#A5A5A5;
}
#main {
background-color:#FFFFFF;
    position:absolute;
    left:259px;
    top:255px;
    width:740px;
    height:450px;
    z-index:7;
}
#ticker {
    position:absolute;
    left:0px;
    top:0px;
    width:259px;
    height:708px;
    z-index:6;
}
#unten {
    position:absolute;
    left:2px;
    top:704px;
    width:1024px;
    height:27px;
    z-index:8;
}
#Layer1 {

    width:16px;
    height:448px;
    z-index:7;
}
</style>
</head>

<body style="background-color:#9CBD64;">

<div id="zent">
<div id="top2"><img src="../Fc-Page/images/top2.jpg" width="754" height="72" /></div>
<div id="navigation"><img src="../Fc-Page/images/home.jpg" width="92" height="22" /><img src="../Fc-Page/images/statistik.jpg" width="93" height="22" /><img src="../Fc-Page/images/berichte.jpg" width="94" height="22" /><img src="../Fc-Page/images/gaestebuch.jpg" width="94" height="22" /><img src="../Fc-Page/images/links.jpg" width="93" height="22" /><img src="../Fc-Page/images/team.jpg" width="94" height="22" /><img src="../Fc-Page/images/bilder.jpg" width="94" height="22" /><img src="../Fc-Page/images/kontakt.jpg" width="92" height="22" /></div>
<div id="top1"><img src="../Fc-Page/images/top.jpg" width="753" height="161" /></div>
<div id="gruen2"></div>
<div id="main"></div>
<div id="ticker"><img src="../Fc-Page/images/ticker_all.jpg" width="259" height="708" /></div>
<div id="unten"><img src="../Fc-Page/images/unten.jpg" width="1009" height="24" /></div>
<div id="Layer1"><img src="../Fc-Page/images/seitenlinie_r.jpg" width="16" height="100%" /></div>
</div>
</body>
</html>
 
Verzichte auf die absolute Positionierung. div's kann man viel einfacher per float neben- und übereinander positionieren. Bei deiner Methode würde vermutlich jeder Browser etwas anderes anzeigen.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben