Hi,
ich habe mir ein HTML-Gerüst gebaut. Ist erstmal nur ne Spielerei.
Links ist das Menü. Rechts der Inhalt. Das Logo und die Fußzeile sind durchgehend und gehen über Menü und Inhalt.
Problem:
Wenn der Inhalt länger ist als es auf den Bildschirm passt und man scrollen muss, rückt das gesamte Layout um wenige Pixel nach links.
Und ich frage mich natürlich zu Recht: Was hat die Höhe mit der Breite zutun?
Hier der Teil aus meiner style.css:
body {
color: black; background-color: white;
font-size: 100.00%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em 0;
text-align: center;
}
div#Seite {
text-align: left;
margin: 0 auto;
width: 760px;
padding: 0;
background: #ffffff url(img/design1.png) repeat-y;
border: 0;
}
h1 {
height:80px;
font-size: 1.5em;
margin: 0; padding: 0;
text-align: center;
background: #fed url(img/logo.png) no-repeat 100% 45%;
border-bottom: 1px solid silver;
}
div#Inhalt {
margin: 0 0 1em 160px;
padding: 0 1em;
}
* html div#Inhalt {
height: 1em;
margin-bottom: 0;
}
div#Inhalt h2 {
font-size: 1.2em;
margin: 0.2em 0;
color: #55b0ea;
}
div#Inhalt p {
font-size: 0.9em;
margin: 1em 0;
}
p#Fusszeile {
clear: both;
font-size: 0.83em;
margin: 0; padding: 0;
text-align: center;
background-color: #089fff;
border-top: 0px;
color: #ffffff;
}
Weiß jemand Rat? Ich muss vielleicht noch dazu sagen, dass ich mir aus mehreren Code-Teilen etwas passendes zusammengesucht habe.
Viele Grüße und danke schonmal fürs Lesen
Jan!