Div-Tag & dursichtiger Scrollbalken

[alteradel_steffi]

Hallo ihr da draußen!

Ich hoffe mir kann jemand bei meinem Problem weiterhelfen.
Also, ich habe im Dreamweaver ein Div-Tag eingefügt.
Wenn notwendig eischeinen die Scrollbalken.....
... so bis dahin ist alles ok...

nun sind aber die Scrollbalken grau unterlegt.
Meine Frage: Wie bekomme man den Scrollbalken durchsichtig, so dass am Ende nur die Pfeile nach oben und unten in z.B. weiß zu sehen sind???

Ich dank euch jetzt schonmal für Eure Antworten.
LG Steffi

 

[Herr_D]

AW: Div-Tag & dursichtiger Scrollbalken

Gar nicht... zumindest nicht für Firefox, Seamonkey, Safarie


Für IE und Opera (teilweise) über css

<style>


body{
scrollbar-base-color:#FF0000;            /* Basisfarbe der Scroll-Leiste */
scrollbar-3dlight-color:#000000;         /* Farbe für 3D-Effekte  */
scrollbar-arrow-color:#FF0000;           /* Farbe für Verschiebepfeile */
scrollbar-darkshadow-color:#000000;      /* Farbe für Schatten  */
scrollbar-face-color:#0000FF;            /* Farbe für Oberfläche  */
scrollbar-highlight-color:#FFFFFF;       /* Farbe für oberen und linken Rand  */
scrollbar-shadow-color:#000000;          /* Farbe für unteren und rechten Rand  */
scrollbar-track-color:#00FF00;           /* Farbe für freibleibenden Verschiebeweg  */
 }

</style>

wahlweise kannst du die Zuordnung auf eine id bzw. class machen (dann funzt sie aber nicht mehr im Opera)

 

[alteradel_steffi]

AW: Div-Tag & dursichtiger Scrollbalken

Hmmmm....
Ist es denn dann möglich, den scrollbalken auf die gegenüberliegende Seite zu legen?

 

[webginga]

AW: Div-Tag & dursichtiger Scrollbalken

alteradel_steffi,

ich möchte vor solchen Dingen warnen, weil der User dadurch eher verwirrt wird und womöglich noch nicht einmal findet, wo er die Seite scrollen kann.:uhm:
Besser ist es, glaube ich, die ganze Gestaltung so aufzubauen das bekanntes dennoch gut aussieht.

LG Webginga

 

[alteradel_steffi]

AW: Div-Tag & dursichtiger Scrollbalken

Ich hab im Hintergund ein weinrotes, feststehendes Bild.
...und mit dem grauen (im Firefox) Scrollbalken sieht das verdammt dämlich aus.
Gibt es da noch eine Möglichkeit, wie man das optisch gut aussehen lässt?

LG Steffi

 

[webginga]

AW: Div-Tag & dursichtiger Scrollbalken

Ich hab im Hintergund ein weinrotes, feststehendes Bild.
...und mit dem grauen (im Firefox) Scrollbalken sieht das verdammt dämlich aus.
Gibt es da noch eine Möglichkeit, wie man das optisch gut aussehen lässt?

LG Steffi

Hallo Steffi,

Auf dem Mac ist der Balken sogar Blau!
Mach doch mal einen Screenshot, damit man sich etwas vorstellen kann.
LG Webginga

 

[alteradel_steffi]

BLAU ist ja noch furchtbarer

Hier mal der Screenshot...

 

[webginga]

AW: Div-Tag & dursichtiger Scrollbalken

Hallo Steffi,

wofür ist der leere rechte Bereich gedacht?

warum kann der Content denn nicht rechts stehen, dann hast du den Scrollbalken nicht mittendrin im Bild.

Ich würde einfach das ganze Seitenlayout noch mal überdenken.
LG Webginga

 

[Herr_D]

AW: Div-Tag & dursichtiger Scrollbalken

Es gibt im Prinzip keine wirklich gute Lösung...


Mann könnte den div soweit machen, dass der scrollrahmen ganz rechts ist... (weite wahrscheinlich 100%) und dann noch einen div einbauen, der nur so breit ist, dass es passt..


ansonsten die dir ändern, gibt aber zumindest bei mir (seamonkey) Probs...

<div style="direction: rtl; width:500px; height:400px; overflow:auto;">
<div style="direction: ltr;">Langer Text.... </div>
</div>

 

[alteradel_steffi]

AW: Div-Tag & dursichtiger Scrollbalken

führt das evtl. nicht zu Verwirrungen wenn der Scrollbalken ganz rechts erscheint?
Kann es denn evtl. dadurch auch zu Darstellungsproblemem bei einem 4:3 Monitor kommen?
Weil doch dann wenn der Div nach rechts erweitert wird, nen horizontaler Scrollbalken am Ende der Seite entsteht...?????

 

[webginga]

AW: Div-Tag & dursichtiger Scrollbalken

führt das evtl. nicht zu Verwirrungen wenn der Scrollbalken ganz rechts erscheint?
Kann es denn evtl. dadurch auch zu Darstellungsproblemem bei einem 4:3 Monitor kommen?
Weil doch dann wenn der Div nach rechts erweitert wird, nen horizontaler Scrollbalken am Ende der Seite entsteht...?????

Hallo Steffi,
also ist rechts nur Füllstoff, je nach Auflösung.
Dann könnte man es aber auch absoften, dann fällt der Balken auch nicht so stark raus. Ganz verstehe ich das Design immer noch nicht. du hast doch rechts eine Florale Form, soll diese immer zu sehen sein oder nur dann wenn die Auflösung hoch ist?
LG Webginga

 

[alteradel_steffi]

AW: Div-Tag & dursichtiger Scrollbalken

der rechte Bereich hinter dem Scrollbalken ist eigenlich leer.

Die Swirls im Hintergrund sitzen immer am rechten unteren Bildschirmrand.
Der Header und der Hintergrung sollen sich nicht bewegen, deswegen hab ich nen durchsichtigen Div eingefügt, welches je nach Text/Bildvolumen scollbar sein soll.

Gibt es denn da noch eine bessere Variante?

LG Steffi

 

[Herr_D]

AW: Div-Tag & dursichtiger Scrollbalken

der rechte Bereich hinter dem Scrollbalken ist eigenlich leer.

Die Swirls im Hintergrund sitzen immer am rechten unteren Bildschirmrand.
Der Header und der Hintergrung sollen sich nicht bewegen, deswegen hab ich nen durchsichtigen Div eingefügt, welches je nach Text/Bildvolumen scollbar sein soll.

Gibt es denn da noch eine bessere Variante?

LG Steffi

Na ja du könntest das Hintergrundbild per background-position, background-attachment, backgroundt-repeat, anordnen und die Navi (sprich den header per position:fixed; (wird allerdings vom IE<7 nicht unterstützt)

 

[webginga]

AW: Div-Tag & dursichtiger Scrollbalken

Hallo Steffi,

das ist irgendwie vertrackt und nicht lösbar, denn entweder verzichtest du auf das eine oder auf das andere.
In der Malerei ist es auch oft so, das man sich in irgendeine Bild-Ecke "verliebt" ist und versucht sie verzweifelt zu retten. Meistens ist dann die einzige Möglichkeit sich zu befreien, genau diese verdammte Ecke zu zerstören und man bekommt wieder Luft. Wenn du aber deine Swirls rechts unten behalten willst und der Div scrollbar sein soll dann gibt es halt den unschönen Balken.

LG Webginga

 

[alteradel_steffi]

AW: Div-Tag & dursichtiger Scrollbalken

Ich probier einfach mal noch n billsl eure Tipps aus...
Danke euch jetzt schonmal

Wenn ich nicht weiterkomm, meld ich mich einfach nochmal!!!
DANKE!

LG Steffi