11
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:
CSS:
Bild:
Border Radius:
Das gleiche Kompabilitätsproblem. Beim Firefox wird alles richtig angezeigt.
Bild:
CSS, jeweils im #mainnav und im #footer:
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
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;">© <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
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 241247
Url: https://administrator.de/contentid/241247
Printed on: April 16, 2024 at 23:04 o'clock
11 Comments
Latest comment
Moin,
bitte nutze die Codeformatierungen unseres Boards. Wenn du deinen Beitrag editierst, siehst du als Reiter " Formatierungshilfen".
Gruß,
Dani
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
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
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
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?
Hab gerade ein HTML-Testfile nur mit dem Div-Bereich Clock und dem original Stylsheet gemacht. Beim IE klappts immer noch nicht
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"
dann müsste es auch bei dir laufen
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>
1
Vielen Dank, jetzt geht es!
Ist nur noch das mit dem border-radius übrig ;)
Ist nur noch das mit dem border-radius übrig ;)
Funktioniert *.*
Uwe, du bist klasse!
Hast meinen Tag gerettet.
Vielen Dank!
Einen schönen Tag noch.
Gruss donduc
Uwe, du bist klasse!
Hast meinen Tag gerettet.
Vielen Dank!
Einen schönen Tag noch.
Gruss donduc