Browserkompabilitätsproblem mit Clock und border-radius

Hallo

Bei meiner HTML/CSS Seite hab ich ein Problem. Im Firefox wird die Seite richtig angezeigt, hingegen im IE 11.0 nicht. Es handelt sich um folgende zwei Sachen:

Clock (Uhr):

Hier wird beim IE den Hintergrund weiss angezeigt, hingegen beim Mozilla nicht (transparent). Wie krieg ich das hier hin?

HTML:

<div id="clock"><h2><a style="text-decoration:none;" href="http://www.zeitverschiebung.net/de/city/2657896"><span style="color:gray;"><br /></a></h2> <iframe src="http://www.zeitverschiebung.net/clock-widget-iframe?language=de&timezone=Europe%2FZurich" width="100%" height="130" frameborder="0" seamless></iframe> <small style="color:gray;">&copy; <a href="http://www.zeitverschiebung.net/de/" style="color: gray;"></a></small> </div>  

CSS:

        #clock {
	padding-right: 12px;
	font-size: 4px;
	background-color: #79bce0;

Bild:

Border Radius:

Das gleiche Kompabilitätsproblem. Beim Firefox wird alles richtig angezeigt.

Bild:

CSS, jeweils im #mainnav und im #footer:

    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;

So sollte die Website auch im IE dargestellt werden:

Hat jemand die Lösung. Ich hab vieles im IE schon ausprobiert, aber nicht hat geholfen.
Bitte eine schnelle Antwort

Gruss donduc

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 241247

Url: https://administrator.de/forum/browserkompabilitaetsproblem-mit-clock-und-border-radius-241247.html

Ausgedruckt am: 16.04.2025 um 03:04 Uhr

11 Kommentare

Neuester Kommentar

Moin,
bitte nutze die Codeformatierungen unseres Boards. Wenn du deinen Beitrag editierst, siehst du als Reiter " Formatierungshilfen".

Gruß,
Dani

Moin,
geht hier auch mit dem IE11 problemlos / Demo: http://jsfiddle.net/WzLdD/1/
Du solltest nicht einfach nur den Inhalt von anderen Webseiten kopieren

Zur Info: Vor dem Einbauen des iFrames solltest du unbedingt den Betreiber der Webseite informieren, sonst könnte das unangenehme Konsequenzen haben!

Grüße Uwe

Danke für den Tipp!
Gruss donduc

Moin

Das machte ich nur, weil HTML-Formulare Probleme haben bei der Übertragung :/

Danke für den Hinweis. Die Website wird sehr wahrscheinlich gar nie gehostet ;)

Gruss donduc

Dein Lösungsvorlschag klappt leider noch nicht, habs gerade eingebaut. Die Uhr wird immer noch mit weissem Hintergrund angezeigt

lass mal nur den iFrame in deinem Clock-Div und schmeiß alles sonstige raus, hier der Test das es auch im IE11 geht...

Du meinst also, dass der div-Bereich im HTML so aussehen würde, wie von der vorgeschlagen? Ich kann dir nicht ganz folgen.
Kann es auch mit dem div-Bereich "sidebar" zu tun haben, weil der "übergeordnet", also darin ist und so ein Befehl ignoriert wird, was ich aber nicht glaube?

<div id="nav">  
  <div id="clock"> <a href="#">  
    <iframe frameborder="0" seamless src="http://www.zeitverschiebung.net/clock-widget-iframe?language=de&timezone=Europe%2FZurich"></iframe>  
    </a></div>
</div>

Hab gerade ein HTML-Testfile nur mit dem Div-Bereich Clock und dem original Stylsheet gemacht. Beim IE klappts immer noch nicht

hmm, hier geht es einwandfrei, aber mir fällt da gerade noch was ein: füge dem iFrame noch folgendes Attribut hinzu:
allowtransparency="true"

<div id="clock">  
    <iframe frameborder="0" seamless allowtransparency="true" src="http://www.zeitverschiebung.net/clock-widget-iframe?language=de&timezone=Europe%2FZurich"></iframe>  
</div>