Liebe Forums-Mitglieder,
ich sag lieber gleich, dass ich CSS-Anfängerin bin und hoffe, meine Frage ist nicht zu dumm...
Ich habe folgendes Layout gebaut:
[URL entfernt]
Um den grauen Kasten in der Mitte des Browserfensters zu zentrieren, habe ich diesen Code hier verwendet (bisher nur für Firefox richtig):
Code:
#content{
position:relative;
width:933px;
margin-top:12px;
margin-right:auto;
margin-left:auto;
margin-bottom: 12px;
padding-top:24px;
padding-right: 24px;
padding-left: 24px;
padding-bottom:24px;
color:#352616;
letter-spacing: 1px;
text-align:left;
}
Es funktioniert ja auch. Wenn aber der Inhalt länger ist, als das Browserfenster und die Scrollbalken auftauchen, verschiebt sich der Kasten horizontal etwas nach links, da von der Breite der Scrollbalken anscheinend abgezogen wird. Das macht dann etwas, wenn man zwischen Seiten navigiert, die unterschiedlich lange Inhalte haben. Der Kasten "springt" dann unschön hin und her, statt optisch auf der gleichen Stelle zu bleiben.
Ich hoffe, ich konnte mein Problem gut beschreiben - vielleicht weiss ja jemand, wie ich es lösen könnte.
Vielen Dank und viele Grüsse, Veronika