nicht angemeldet
Hallo liebe Comunity,
Ich sitze seit einiger Zeit an einem Problem und hoffe dass mir hier geholfen werden kann.
Zu meinem Problem:
Meine Webseite soll bei 1024 x 768 wie folgt aussehen:
http://www.gasthaus-bad.de/1.jpg
So sieht die Webseite aber in 1024 x 768 aus:
http://www.gasthaus-bad.de/2.jpg
Ich habe das Navigationsmenü links angeordnet und den Rest mittig zentriert. Da das Navigationsmenü nun den Bilderrahmen überlappt, wollte ich diesen um ca 80 Pixel nach rechts verschieben mit "margin-left:80px;". Das Problem ist nur dass nicht nur der zentrierte Rahmen nach rechts verschoben wird, sondern auch der Hintergrund. Somit habe ich keine 1024 x 768 Pixel mehr sondern 2004 x 768. Somit bekomme ich ein Scrollbalken, den ich sehr störend finde.
Gibt es keine Möglichkeit nur die Rahmenelemente um 80 Pixel zu verschieben ohne dass sich auch der Hintergrund mitverschiebt und ich einen Scrollbalken bekomme? Ich hätte ja rechts noch genug Platz. Ich habe es leider weder mit "margin-left:80px;" noch mit "padding-left:80px;" hinbekommen.
Ich hoffe mir kann einer von euch helfen da ich ungern die Seite in Tabellen aufbauen würde und ich es mit CSS einfach nicht hinbekomme.
Hier ist übrigens die Webseite:
http://www.gasthaus-bad.de
und hier die CSS Datei:
http://www.gasthaus-bad.de/css/gasthaus-bad.css
Ich danke euch schonmal für eure Mühe.
Liebe Grüße Martin