[ratatouille]

Hallo!

Ich soll mich um eine veraltete Website kümmern. Da ist kaum etwas mit CSS gemacht, ein bißchen. Die Seite hat eine Breite von 990px.

Mir fällt auf, dass auf der rechten Seite zwei Scrollbalken vorhanden sind. Ganz rechts am Monitorrand und einer rechts innerhalb der 990px.

Das kann man doch sicher vermeiden, oder? Reicht nicht ein Scrollbalken rechts außen?

Was kann ich da tun?

Grüße

Andreas

[cloned]

ohne konkreten code kann man da nur sagen: Keine festen Breiten vergeben. Hilfreichere Hinweise gibt es wenn es code auch gibt.

[ratatouille]

Zitat von cloned

ohne konkreten code kann man da nur sagen: Keine festen Breiten vergeben. Hilfreichere Hinweise gibt es wenn es code auch gibt.

naja, ich weis halt nicht, wo im code ich ansetzen soll.
Im header.php ist z.B. folgendes gesagt:

<tr>
<td class="spacer" valign="top" style="background-image:url(images/design/shadowline.png); background-repeat:no-repeat;height:5px; width:990px;">&nbsp;</td>
</tr>
<tr>
<td valign="top" style="background-color:#FFFFFF;;background-image:url(images/design/content-bg.png); background-repeat:no-repeat; height:589px; width:990px;">
<div style="width: 100%; height: 100%; overflow: auto;">
<div class="content">

Aber ob das mit den scrollbalken zu tun hat?

Andreas

[protonenbeschleuniger]

Ja, overflow:auto erzeugt Scrollbalken wenn der Inhalt größer wird.

[ratatouille]

Zitat von protonenbeschleuniger

Ja, overflow:auto erzeugt Scrollbalken wenn der Inhalt größer wird.

Ok, danke für den Hinweis! Aber warum wird noch ein zweiter Scrollbalken rechts außen erzeugt? Das sieht ja furchtbar aus?

Auf der Startseite sind zwei Scrollbalken zu sehen. Der eine wird in der header.php erzeugt. Der rechts außen ist mir ein Rätsel, wo der herkommt. Es gibt in der betreffenden home.php keine overflow Anweisung mehr.

Grübel

Andreas

[basti1012]

Den zweiten kannst du auch wegmachen ,nur wenn die Seite grösser ist als der Bildschirm kannst du den rest nicht sehen.
Oder du benutzt ein Script mit den man Scrollen kann ohne Scrollbalken

[protonenbeschleuniger]

Zitat von ratatouille

Ok, danke für den Hinweis! Aber warum wird noch ein zweiter Scrollbalken rechts außen erzeugt? Das sieht ja furchtbar aus?

Scrollbalken sind Teil deines Betriebsystem, auf vielen werden diese aber nur noch dynamisch eingeblendet. Was für ein System (OS+Browser) nutzt du denn?

Zitat von ratatouille

Auf der Startseite sind zwei Scrollbalken zu sehen. Der eine wird in der header.php erzeugt. Der rechts außen ist mir ein Rätsel, wo der herkommt. Es gibt in der betreffenden home.php keine overflow Anweisung mehr.

Dann ist der Inhalt größer als das Fenster.

Ganz allgemein: Deine Fragen sind Ratespiele. Ohne die Seiten zu kennen oder wenigstens den Teil des Code der dein Problem zeigt und wir nicht das sehen was du siehst, könnnen wir nur Vermutung anstellen.

[ratatouille]

Zitat von protonenbeschleuniger

Scrollbalken sind Teil deines Betriebsystem, auf vielen werden diese aber nur noch dynamisch eingeblendet. Was für ein System (OS+Browser) nutzt du denn?

Dann ist der Inhalt größer als das Fenster.

Ganz allgemein: Deine Fragen sind Ratespiele. Ohne die Seiten zu kennen oder wenigstens den Teil des Code der dein Problem zeigt und wir nicht das sehen was du siehst, könnnen wir nur Vermutung anstellen.

Die Website läuft auf einem Debian-Linux mit Hilfe von Plesk. Darauf zugeifen tu ich mit einem Firefox. Wobei mit einem Chrome auch beide Scrollbalken zu sehen sind.

Ja, der Inhalt ist größer als das Fenster. Ich vermute, das kommt durch die Höhenangabe für das Hintergrundbild:
<td valign="top" style="background-color:#FFFFFF;;background-image:url(images/design/content-bg.png); background-repeat:no-repeat; height:589px; width:990px;">

Das ist die Seite einer Tanzgruppe. Hier die URL:
the-rebels-sandersleben.de

Ich habe auch schon mit background-size und contain und cover rumprobiert, hat alles nicht zum gewünschten Ergebnis geführt.

Andreas

[cloned]

mit width- und height änderst du die Größe des Elements an sich, nicht die Größe des Hintergrundbildes. Wenn du die Größe des Hintergrundbildes ändern möchtest brauchst du background-size: 200px 500px; (natürlich mit deinen Werten)

Aber du arbeitest mit tables, die passen sich nicht wirklich den einzelnen Browsergrößen an. Da musst du die Seite auch mit einer Bildschirmgröße ansteuern die "groß genug" ist. Ansonsten gibt es eben Scrollbalken. Um das zu verhinden müsstest du die Seite zeitgemäß neu schreiben.

[ratatouille]

Zitat von cloned

mit width- und height änderst du die Größe des Elements an sich, nicht die Größe des Hintergrundbildes. Wenn du die Größe des Hintergrundbildes ändern möchtest brauchst du background-size: 200px 500px; (natürlich mit deinen Werten)

Aber du arbeitest mit tables, die passen sich nicht wirklich den einzelnen Browsergrößen an. Da musst du die Seite auch mit einer Bildschirmgröße ansteuern die "groß genug" ist. Ansonsten gibt es eben Scrollbalken. Um das zu verhinden müsstest du die Seite zeitgemäß neu schreiben.

Dann besteht das Problem vermutlich auch darin, gar keine eigenen Werte für die Bildschirmgröße zu haben. Die wird ja immer anders sein.

Das Problem wäre wahrscheinlich einfach zu lösen, wenn man auf ein Hintergrundbild verzichten würde oder eines hätte, so wie hier, das vernünftig skaliert.