Versuchs mal mit folgendem:
<body style="overflow-x:hidden;">

Nun solltest du keinen Scrollbalken mehr zu sehen bekommen. Der Nachteil dieser Methode ist ganz klar, dass wenn deine Homepage jetzt Inhalte hat, die über die normale Darstellungsmöglichkeit eines Nutzers hinausgehen, dass dort kein Scrollbalken mehr angezeigt wird, mithilfe dessen er den Rest sehen kann. Das gilt aber nur für den waagrechten Scrollbalken! Der senkrechte wird trotzdem noch eingeblendet.

  • overflow:hidden; - blendet beide Scrollbars aus
  • overflow-x:hidden; - blendet nur den Scrollbalken in x-Richtung, also den waagrechten aus
  • overflow-y:hidden; - blendet nur den Scrollbalken in y-Richtung, also den senkrechten aus

Außer hidden kann man übrigens noch visible [color:"#666666"](Der übergroße Inhalt wird angezeigt. Das übergeordnete Element wird in seiner Größe nicht verändert. Der Inhalt läuft über den Rand.)[/color], scroll [color:"#666666"](Der übergroße Inhalt wird abgeschnitten. Das übergeordnete Element wird mit Scrollbalken angezeigt, um den Inhalt zu scrollen.)[/color] und auto [color:"#666666"](Die Einstellung ist Browserabhängig, sollte aber scroll sein.)[/color] setzen.


Gruß, Kat