✔ SWFs mit CSS stylen (Browserübergreifend)

[Libertiner]

Hallo Zusammen,

ich stehe hier vor einem kleinen Problem und zwar möchte ich Flash-Banner in meine Webseite integrieren. An für sich kein Problem, die Banner sollen jedoch mit einem Abstand zu einander und einem Rahmen ausgestattet werden. Das würde ich gerne per CSS für verschiedene Browser lösen.

Jetzt werden jedoch die Rahmen und Abstände nur im Firefox angezeigt, der Safari verweigert sich leider.

Jemand eine Idee, wie ich das Browserübergreifend lösen kann?

Hier eine Beispielseite, damit ihr sehr worum es genau geht:

http://bannergestalter.de/portfolio/wide-skyscraper-flashbanner.html

CSS verwende ich folgendes:

.flashbanner

{
border: 6px solid #5e8aaf;
margin-bottom: 1.2em;
margin-right: .4em;
background: #5e8aaf;
float: left;
border-width: 6px;
}

Wie gesagt border und margin werden im Safari aber leider nicht angezeigt im Firefox funktionierts

 

[Maik]

Hi,

Hier eine Beispielseite, damit ihr sehr worum es genau geht:

http://bannergestalter.de/portfolio/...ashbanner.html

Bei der Übertragung deines Links ins Forum hat sich ein Fehler eingeschlichen.

mfg Maik

 

[Libertiner]

Danke für den Hinweis, habs korrigiert.

 

[Maik]

Safari nutzt nicht das <embed>-, sondern das <object>-Element, und darin fehlt jeweils der Klassenaufruf:

<object class="flashbanner" ...>

mfg Maik

 

[Maik]

Mit Blick auf ein valides Markup, empfehle ich dir übrigens dieses Konstrukt, denn das <embed> ist kein Bestandteil der offiziellen HTML-Spezifikation, und erzeugt invaliden HTML-Code.

<object classid="..." codebase="..." width="..." height="...">
        <param name="src" value="..." />
        <object type="..." data="..." width="..." height="..." class="mov">
                Error text.
        </object>
</object>

Mit diesem CSS wird das zweite (innere) <object>-Element im IE versteckt.

/* hides the second object from all versions of IE */
* html object.mov {
    display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
    display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
    display/**/: none;
}

mfg Maik

 

[Libertiner]

Ah.. klasse, danke .. im Safari funktioniert es nun einwandfrei.
Nur leider wird mir nun im Firefox ein zu breiter Rahmen angezeigt, bzw. ein doppelter und zwar außen und innen, so das der Banner auch verkleinert wird

ok, muß ich mal testen, valider code ist natürlich ein ziel auf das ich hinarbeite

Nachtrag:

Wunderbar, mit dem neuen Code siehts im auch im Firefox aus wie gewollt.
Werde nun mal alle Seiten updaten.

Danke!