CSS Problem mit IE 7

**chorleider** · 29.12.2010, 10:02

Hallo,

ich möchte mich erst mal kurz vorstellen, da dies mein erster Beitrag im Forum ist. Ich heiße Ulrich Diehl, bin Chorleiter und erstelle nebenberuflich Webseiten. Bislang war ich auf die Integration von Designs in TYPO3 spezialisiert, für kleiner Projekte war ich länger auf der Suche nach einem CMS mit weniger Overhead und bin letztendlich bei Contao gelandet. Ich habe gerade mein erstes kleines Projekt erstellt und suche nach einem Lösungsansatz für ein Problem mit dem IE 7.
In der linken Spalte habe ich ein Bild vom Typ "randomImage" erstellt, um dort immer ein Logo erscheinen zu lassen, darunter steht die Navigation. In modernen Browsern ist alles wunderbar, der IE7 (und auch IE 6) rücken die Navigation aber ca. 15px nach rechts.
Die Seite ist unterhttp://p133084.webspaceconfig.de/ zu sehen, zur Verdeutlichung noch zwei Screenshots:
Firefox

Internet Explorer 7

Vielleicht hatte jemand schon mal ein ähnliches Problem und kann mir weiterhelfen?

Vielen Dank im Voraus und einen guten Rutsch

Ulrich Diehl

**Harry** · 29.12.2010, 11:19

Hallo Ulrich,

versuche einmal, für die Liste der Navigation den Außenabstand auf 0 zu setzen.

HTML-Code:

.mod_navigation ul {
margin: 0;
list-style-type: none;
}

Gruß
Harry

**chorleider** · 29.12.2010, 11:34

Hallo Harry,

danke für den Tipp, leider hatte ich das schon erfolglos versucht...

Grüße

Ulrich

**Harry** · 29.12.2010, 11:39

Du kannst mir gerne einen zeitweisen Zugang zum Backend einrichten und mir die Zugangsdaten per PM schicken. Dann schaue ich mal nach.

Gruß
Harry

**Harry** · 29.12.2010, 12:19

Hallo Ulrich,

das Problem war eine Listeneinrückung in der basic.css. Dort stand:

Code:

ul {
   list-style-type:disc;
   list-style-position: inside;
}

Du kannst diese Formatdefinition komplett deaktivieren, oder Du überschreibst die Einrückung für die Navigation in .mod_navigation ul per list-style-position: outside;. Dies habe ich gerade so gemacht.

Gruß
Harry