✔ Problem mit Scrollbar und durchsichtigem PNG

[Schlossi]

Hallo,

habe ein paar Probleme bzw. Wissenslücken.
Ich möchte ein Div Scrollbar machen.
Aber wie man sieht wird der Scrollbalken von Windows rechts auch länger wenn der Inhalt länger wird.

Code vom Div:

#content {
	margin-left: 300px;
	overflow: auto;
	height: 550px;
}

Wenn das mit der Scrollbar funktioniert würde ich die gerne an das Aussehen meiner Seite anpassen. Nur habe ich bisher nur gelesen das das im IE möglich ist. Geht das auch anders vlt.

Meine letzte Frage: Ich habe ja ein Transparentes PNG über dem Hintergrundbild. Aber der IE zeigt das nicht transparent an. Kann der IE irgendein Bildformat das transparents kennt oder muss ich mir da was anderes einfallen lassen?

Link

LG und schonmal 1000 Dank.

 

[Maik]

Hi,

die Scrollbalken-Farben lassen sich nur im IE anpassen, und das ist auch gut so.

Die Vorgängerversionen des IE7 können mit transparenten PNGs nicht umgehen, Cross-browser semi-transparent backgrounds stellt hierfür aber eine Lösung bereit.

 

[Schlossi]

Danke für die schnelle Antwort.

Wenn ich das richtig verstanden habe geht es um die Zeile

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/75p_honey.png');

Und warum ist das gut das man das Aussehen des Scrollbalken nur im IE ändern kann.


Woran könnte es liegen, dass der Äußere Scrollbalken auch länger wird obwohl ich den inneren Div mit einem versehen habe.


LG Dennis

 

[Maik]

Dass der rechte Scrollbalken des Dokuments länger ist, liegt an dem oberen Außenabstand, der derzeit für den Footer festgelegt ist.

 

[Schlossi]

Hmmm das will so nicht aber ich kann ja das Transparente PNG einfach über das BG Bild machen in Gimp und es als JPG speichern.

LG

 

[Maik]

Bei mir funktioniert die Technik einwandfrei:

#main {
        margin-top: 10px;
        margin-left: 170px;
        width: 901px;
        height: 662px;
}

.trans_box {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='space.png');
}

.trans_box[class] { 
background-image: url(space.png); 
}

<div id="main" class="trans_box"> ... </div>

 

[Schlossi]

Läuft.

Vielen Dank.
Finde das nur Schade das man die Scrollbar nicht vom Aussehen verändern kann.

LG Dennis