online 1
gast (50)

/ Forum / Webseiten/HTML

Webseiten/HTMLWebseiten/HTML

Fragevon Jannnn vom 14.07.2022, 18:04 Options

Layoutbreite ändert sich bei Inhalt länger als Bildschirm / CSS

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!


Antwort schreiben

Antwort 1 von Supermax vom 14.07.2022, 21:49 Options

Ich vermute mal, daß in dem Fall der vertikale Scrollbalken des Browsers eingeblendet wird, wodurch sich die nutzbare Breite um eben die Breite des Scrollbalkens verringert - ein zentriertes Layout wird damit ein wenig nach links geschoben.

Antwort 2 von gast42 vom 14.07.2022, 22:41 Options

es wird der Scrollbalken sein.

Sorge dafür, dass er immer da ist. Dies erreichst du mit
overflow-y:scroll;

als CSS-Eigenschaft für body

Ähnliche Themen

Frames in CSS
CSS-DAU  16.02.2009 - 156 Hits - 3 Antworten

CSS Hintergrund?
Wolfgang.S  09.03.2009 - 245 Hits - 8 Antworten

Website Inhalt Downloaden
sszherti  30.03.2009 - 255 Hits - 3 Antworten

css Profi gesucht :)! Popupeffect mit css möglich?
actofjustice  29.08.2009 - 203 Hits - 2 Antworten

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Version: supportware 1.9.150 / 10.06.2022, Startzeit:Thu Jan 8 21:07:44 2026