✔ margin-Probleme bei dynamischen Hintergrund

[DarkfrOnt]

Hallo,
ich hab mir nach dieser Anleitung (http://www.tutorials.de/forum/html/...-dynamisch-bildschirmaufloesung-anpassen.html) einen dynamischen Hintergrund für meine Webseite angelegt.

Nun hab ich aber das Problem, dass in meinen content-Container der margin: 0 auto; Befehl nicht merh funktiert.

Warum? Wie kann ich den Fehler beheben?


Meine css:

html {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

body {
font-size: 12px;
font-family: Arial, "Lucida Grande", Geneva, Helvetica, sans-serif;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

/* BG-Image auf unterste Ebene anordnen */
#bgImg {
position: absolute;
top: 0;
left: 0;
border: 0;
z-index: 1;
}

/* Body-Dummy absolut über BG-Image legen; Scrollbar bei Bedarf einblenden */
#container {
position: absolute;
top: 0;
left: 0;
z-index: 2;
overflow: auto;
width: 940px;
height: 100%;
margin: 0 auto;
}

Vielen Dank!

 

[Maik]

Hi,

dann schau mal, was für #container deklariert ist:

#container {
position: absolute;
top: 0;
left: 0;
z-index: 2;
overflow: auto;
width: 940px;
height: 100%;
margin: 0 auto;
}

Wenn du an der absoluten Positionierung festhalten willst, lautet die Regel folgendermaßen, um das Element in der horizontalen Fenstermitte auszurichten:

#container {
position: absolute;
top: 0;
left: 50%; /* Startposition von links */
z-index: 2;
overflow: auto;
width: 940px;
height: 100%;
margin-left: -470px; /* negative Hälfte von width:940px */
}

mfg Maik

 

[DarkfrOnt]

das dacht ich mir auch das da der ehler liegen muss..

doch wenn ich position: absolute; top: 0; sowie left: 0; entferne zeigt er überhaupt keinen inhalt mehr von dem container an.

 

[Maik]

doch wenn ich position: absolute; top: 0; sowie left: 0; entferne zeigt er überhaupt keinen inhalt mehr von dem container an.

Siehe meinen Zusatz, den ich nachgereicht habe

mfg Maik

 

[DarkfrOnt]

wollte auch eben editieren

vielen dank für den denkanstoß! das nächste mal bin ich schlauer

 

[DarkfrOnt]

aus dem ganzen entsteht aber ein problem, wenn die scrollbar kommt ist diese nicht normal rechts, sondern direkt neben den 940px breiten container in der mitte.

wie bekomm ich diese wieder normal an den rechten rand?

 

[Maik]

Versuch's mal hiermit:

html {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: auto; /* anstelle von overflow:hidden */
}

body {
font-size: 12px;
font-family: Arial, "Lucida Grande", Geneva, Helvetica, sans-serif;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto; /* anstelle von overflow:hidden */
}

mfg Maik

 

[DarkfrOnt]

ändert sich nix

 

[Maik]

Hast du mal einen Link zur Seite?

mfg Maik

 

[DarkfrOnt]

jo klar: http://91.121.162.40/tauben-zur-hochzeit.de/