oschmidt

Hallo,

ich habe mich jetzt mehrere Stunden durch alle möglichen Threads gelesen und habe leider noch immer keine Lösung.

Folgendes: Bisher konnte ich wie folgt im IE und Mozilla Hintergründe Transparent anzeigen lassen, ohne das dabei die Performance beinflusst wurde. Leider ist es im IE7 mittlerweile so, dass wenn mit diesem die Seite aufrufe, er überhaupt nicht fertig wird, wenn ich z.B. scrollen will.

Codeschnipsel css aus meiner hp www.thalberg-zockt.de

Zum anzeigen im IE < IE7
.subtable_center {width:520px; height:auto; filterrogidXImageTransform.Microsoft.AlphaImag eLoader(enabled=true, sizingMethod=scale src='central_images/transparency_background.png'); border-style:solid; border-width:thin; border-color:#0A1F44;}

Zum anzeigen in FF, Opera etc.
.subtable_center[class] {background-image:url(../central_images/transparency_background.png); width:520px; height:auto; border-style:solid; border-width:thin; border-color:#0A1F44;}

Bisher hat es so immer funktioniert. Der IE<IE7 hat die Transparenz per AlphaLoader dargestellt, FF per background-image:#.

Der IE7 benötigt ja eigentlich keinen AlphaLoader mehr, um transparente Grafiken etc. anzeigen zu können.

Meine Erfahrung ist, dass er jedoch trotzdem nicht richtig damit zurecht kommt, wenn ich anstatt des Alpha-Loaders background-image:# verwende.
Leider greift der neue IE7 mittlerweile auch auf .container[class] zu und benutzt dessen Eigenschaften. Wenn ich jedoch den .container[class] lösche, zeigt er mir im FF keinen transparenten Hintergrund mehr an, da dieser nich mit dem Alpha-Loader klar kommt.

Ich habe es auch schon mit folgenden versucht:

.container {Eigenschaften}
body>.container {für nicht-IE}
html* .container {}

Da werden lediglich die Eigenschaften vom .container verwendet, aber nicht die spezifischen.

Besteht die Möglichkeit, klare Eigenschaften browserspezifisch zu definieren, wie ich's 3 Zeilen drüber versucht habe?

Kann mir vielleicht jemand in meiner Not helfen. Das nervt einfach nur, wenn man sich meine Seite mit dem IE7 anschaut.


Danke schon mal.

Mister Ad

nikosch

Hallo und Willkommen in diesem Forum, oschmidt!

Vielleicht könntest Du Dein Problem mit IE Browserweichen wie

lösen.

oschmidt

Hi,

danke erst mal für deine Antwort. Bin eigentlich Dauergast hier gewesen (leider wurde nach zu langer Inaktivität mein Account gelöscht) und habe mal selbst bei älteren Browsern ne Lösung zum Thema beisteuern können, nur bin ich zur Zeit total am Verzweifeln,

Deinen Lösungsansatz habe ich zwar bereits probiert, aber ich würde dich bitten, mir mal nen größeren Schnipsel hinzuwerfen, da ich mittlerweile das Gefühl habe, nach Ausprobieren vieler Varianten überhaupt den Faden verloren zu haben. Normalerweise würde ich nicht darum bitten, aber ich komme echt net voran. Der IE7 nervt einfach nur.

nikosch

(na dann willkommen zurück - und ab und an ne lösung posten, dann klappts auch mit dem aktiven account )

nun, genaugenommen handelt es sich hier um sog. 'conditional comments' (= dein such-stichwort) mit denen du html-code, aber auch z.b. externe style-definitionen ie-spezifisch einbinden kannst.

oschmidt

Hmm, wo trage ich die ein. Im reinen HTML oder wie verwende ich dass? Vielleicht habe ichs ja auch falsch gemacht. Schön wäre es, wenn man wie es bisher ging, dass im css unterscheiden könnte, also:

.container{gilt für alle Browser, hier wird auch der AlphaLoader reingeschmissen}

.container[class]{gilt für alle Browser, die mit class umgehen können (der IE konnte es ja bisher net, nun aber doch)}

Das Prob. an der Sache ist, wenn ich den alphaloader rausnehme, und den Hintergrund per background-image einbinde, der Prozessor ständig belastet wird (ich vermute, dass er ständig den Hintergrund neu zeichnet) und scrollen is ja mal voll daneben.

PS: Diesmal werde ich meinen guten Account nicht mehr so einfach fallen lassen, keine Angst.

nikosch

nein einfach im html. du kannst aber verschiedene styledateien darüber einbinden. einfach mal 2,3 google ergebnisse angucken.

oschmidt

Hmm,

gibt es denn das noch eine Möglichkeit mit else alternativen anzugeben?

<!--[if lte IE 7]> Hier Anweisungen für den IE
css mit alphaloader; hier darf kein background verwendet werden, da der ie7 frei dreht.
<![endif]-->

<!--[else]> Hier Anweisungen für alle anderen Browser
css mit background; hier muss background verwendet werden, da der alphaloader nicht im ff funktioniert
<![endelse]-->

Ich müsste so arbeiten, weil wie gesagt der IE7 nicht klar kommt mit background. (Vielleicht verwende ich ja auch bloß die skalierung falsch oder ähnliches.) Ich kann auch nich beide, also den alphaloader und den background in ein container packen, da der ie trotzdem frei dreht.

oschmidt

Heureka,

die Lösung ist gefunden. Vielleicht nicht ganz so elegant, aber fast genauso, wie ich sie mir vorgestellt habe. Hiermit kann man den IE austricksen.

*:not(hr) {} Wird vom IE nicht interpretiert

Ich habe die Modifikation glei hochgeladen.
Könnte vielleicht jemand die Seite www.thalberg-zockt.de mit Opera und NetScape testen (halbtransparenter Hintergrund muss zu sehen sein), da ich diese Browser net habe?

Danke erst mal für die Hilfe.

nikosch

Wo hast Du denn dieses wilde Konstrukt her? Klappt das auch, wenn irgendwo ein <hr> vorkommt? Und warum nimmst Du nicht wenigstens eine pseudo-konforme Lösung wie oben beschrieben?

oschmidt

Klappen tut das wunderbar. Habe ich von http://www.lipfert-malik.de/webdesign/tutorial/css.html .

Mit der Pseudo-konformen Lösung habe ichs probiert, ich bräuchte es genau anders rum, also dass nicht nach ie sonder nach allen anderen browsern unterschieden wird.

Kurz und bündig:
.container {generelle Eigenschaften}
!? .container {darf nicht vom IE interpretiert werden}