HTML Code: Scrollbars verbieten? Help!

ATARI · Beitrag von **ATARI** » 24.07.2005 23:06

Ich such mal wieder ein kleines Snippet:

Und zwar würde ich es gerne verbieten, dass auf meine Homepage eine waagrerechte Scrollbar erscheint.

Durch google bin ich auf folgendes gestoßen:

Code: Alles auswählen

<body style="overview-x: hidden">

dies zeigt jedoch keine wirkung, nur das Verbot für waagerechte UND senkrechte Scrollbars funktioniert:

Code: Alles auswählen

<body style="overview: hidden">

kennt sich jemand damit aus und kann mir sagen wie das Problem vielleicht doch noch beheben könnte?

Bedanke mich bereits im Vorraus!

Beitrag von **D@ve** » 25.07.2005 08:54

Normalerweise ist das etwas problematisch. Sowohl von der Ausführung als auch von der Usability her.
Schau Dir mal das overflow-Attribut an (http://de.selfhtml.org/css/eigenschafte ... m#overflow) damit könnte das gehen.
Geschickter wäre es allerdings, die Seite so zu designen, dass eben keine waagerechter Scrollbalken entstehen kann. Den Inhalt einfach abzuschneiden ist nicht unbedingt die feine englische Art.

Gruß, Dave

ATARI · Beitrag von **ATARI** » 25.07.2005 10:53

naja bei mir ist das Problem ein anderes als dass der Inhalt abgeschnitten würde.
Besuche einfach mal mit dem Internet Explorer meine Seite, dann weißt du was ich meine.
Vielleicht hast du dafür ja ne Lösung..
aus deinem Link bin ich leider nicht schlauer geworden..

Im Firefox dagegen wirds einwandfrei angezeigt.. Seltsam.

StarWolf3000 · Beitrag von **StarWolf3000** » 25.07.2005 11:31

hab deinen Fehler gefunden:

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

kuck mal hier, dann weisst du warum:
http://aktuell.de.selfhtml.org/tippstri ... m#beispiel

Beitrag von **D@ve** » 25.07.2005 11:48

Ich sehe da ehrlich gesagt kein Problem, das man nicht mit einer Width-Angabe lösen könnte.

Gruß, Dave

ATARI · Beitrag von **ATARI** » 25.07.2005 12:47

Danke euch beiden.

@StarWolf: Auf dem Link von dir bin ich fündig geworden.

Falls es noch jemand interessiert, das war die Lösung.

(vor </head> in den overall_header eingefügt):

Code: Alles auswählen

<style type="text/css">
html,body {margin:0; padding:0;}
html {background-color:white;}
body {border:0px solid white; margin:0px;}
</style>

<!--[if gte IE 6]>
<style type="text/css">
html {overflow-x:hidden;}
body {margin-right:28px;}
</style>
<![endif]-->

StarWolf3000 · Beitrag von **StarWolf3000** » 25.07.2005 12:59

lag doch eigentlich nur an der DTD (so wie es im SelfHTML steht)

und wie ich sehe, funktioniert es auch