IE6 - wie bekomme ich es hin?

[axeman]

Hi,
ich baue für meine Frau immer noch Ihre Internetseite auf; in Firefox, Opera, IE7 sieht's aus wie es soll. Nur der IE6 macht Mist:

• 'Neue Artikel' und 'Pouläre Artikel' haben einen Zwischenraum, der nicht sein soll
• in den Buttons 'Home', 'Termine', 'Links', 'Kontakt' ist die Schrift viel zu groß
• generell werden die font-sizes nicht so übernommen, wie ich es mir vorstelle

Habt Ihr ein paar Tipps für mich?

Gruß, Axel aus Berlin

 

[Quaese]

Hi,

um spezielle CSS-Definitionen für den IE6 anzugeben, verwendest Du am besten einen conditional comment.

Das erste Problem kann gelöst werden, indem die einzelnen Listenpunkte (LI) mit float: left und width: 100%
ausgezeichnet werden.

Der IE hat Probleme, Schriftgrössen in Tabellen zu übernehmen. Aus diesem Grund müssen sie häufig für die
Tabellen nochmals angegeben werden.

<!--[if IE 6]>
<style type="text/css">
ul.mostread li,
ul.latestnews li{ float: left;
                  width: 100%;}
.moduletable table{ font-size: 11px;}
</style>
<![endif]-->

Vielleicht hilft Dir das weiter.

Ciao
Quaese

 

[axeman]

Danke, das hat erstmal ganz gut geklappt; jetzt habe ich nur noch - vermutlich - mit den paddings und margins Probleme:

• im IE6 ist der Abstand der Buttons rechts oben von dem oberen Rand größer als in den anderen Browsern
• das 'suchen'-Feld links gerät im IE6 zu kurz

Geht das ohne Browserweiche, dass das hier gleich aussieht?

Danke aus Berlin,
Axel