IE vs. Firefox/Safari

[JohnReinert]

Hi Leute,

vielleicht kann ja jemand von euch mir einen Tip geben, ich habe folgende HP

http://www.solution.meine-hp.net


Im Firefox/Safari erhalte ich die abgerundeten Ecken, die ich mit folgender CSS-Anweisung gestaltet habe:

  -moz-border-radius:10px;
  -khtml-border-radius:15px;

Nur im IE zeigt er mir da keine abgerundeten Ecken an.

Dann habe ich noch ein Problem mit dem Teaser-Container (Angebotsbox), der wird im IE unterhalb vom linken Menu angezeigt... die Pixel-Angaben sind alle korrekt. Vielleicht kann mir ja da noch jemand unter die "Arme" greifen und mir helfen


Ciao & Danke

John


P.S.: Seite wird noch erstellt, daher führen alle Links in Leere

[His.Master's.Voice]

Hallo John,

deine o.g. Befehle, Tags sind speziel nur für Mozilla Browser. Der IE kennt diese Anweisungen nicht und ignoriert sie daher. Runde Ecken entweder mittels Grafiken im Quelltext, Stylesheet unterbringen oder diese CSS-Lösung von dislabs.de finde ich persönlich sehr schick.

EDIT

Dem #teaser hast du ein float:right verpasst. Wer flotet muss auch clearen. D.h. nach den Container ein Element z.B. einen Container als Fußbereich einfügen wo clear:both; drin steht.

Aber: Der Container #teaser sitzt ja schon in einem Container. Warum soll der überhaupt nach rechts ausgerichtet, gefloatet werden. Nimm doch bitte float:right bei #teaser raus und schau was passiert.
Meine Anmerkungen sind jedoch ungetestet.