XHTMLforum - Problem mit dem IE7

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - Problem mit dem IE7 (http://xhtmlforum.de/showthread.php?t=43452)

uspri

15.12.2006 10:57

Problem mit dem IE7

Hi,

ich habe mir ein 3-spaltiges Layout gebastelt, was auch im FF und im IE 6 (auch ein Fehler) wunderbar klappt. Nur der IE7 hat ein Problem damit.

Folgendes Konstrukt:

Code:

#spalte1 {

        width: 180px;

        float: left;

        padding: 100px 0 0 10px;

        margin: 100px 0 0 0;

}

#spalte2 {

        width: 180px;

        float: right;

        padding: 100px 10px 0 0;

        margin: 100px 0 0 0;

}

#wrapper {

        margin: 0 200px 0 200px;

        padding: 50px 0 0 0;

        text-align: left;

}

Nun habe ich im wrapper eine Liste mit vielen Bildern, die jeweils ein float:left; auf dem li hat. Im IE7 laüft die nach rechts aus dem wrapper raus und geht unter einem Menü in der spalte2 weiter.

Was kann ich dagegen machen?

Zu sehen ist das ganze Online unter: Uwes-Welt.de - Die Familienseite

Achso, noch ein Problem im IE6. Wenn man über die linke Navigation mit der Maus fährt, dann rückt der Scrollbalken in die Seite rein. Was kann dafür die Ursache sein?

Vielen Dank für Eure Hilfe.
Gruß Uwe

IChao

15.12.2006 13:25

#wrapper benötigt layout, also etwa über zoom:1

uspri

15.12.2006 15:34

Das hilft leider auch nicht, keiner von den beiden Fehlern ist dadurch behoben.

Gruß Uwe

IChao

15.12.2006 15:43

Code:

#wrapper { margin: 0pt 200px; padding: 50px 0pt 0pt; text-align: left; 



zoom:1;

}

verhindert bei meinem IE7, dass die Bilder rechts unter die rechte Navigation weiter laufen. Ansonsten beschreib dein Problem nochmal mit anderen Worten.

uspri

15.12.2006 15:51

Tschuldigung, hast natürlich recht, hatte den falschen Hack drinnen, war nicht * html, kann man aber meinem Fall ohne Star-HTML-Hack schreiben.

Nun bleibt nur noch der Fehler mit der Navi im IE6. Hast Du dazu auch ne Lösung auf Lager?

Auf jeden Fall sag ich schonmal Danke für die Lösung des einen Problemes.

Gruß Uwe

fricca

15.12.2006 15:56

Zitat:

Zitat von uspri (Beitrag 317928)

Achso, noch ein Problem im IE6. Wenn man über die linke Navigation mit der Maus fährt, dann rückt der Scrollbalken in die Seite rein. Was kann dafür die Ursache sein?

Toller Effekt.
Die Ursache ist die Kombination aus position-fixed-workaround und :hover des Hintergrunds bei den Links.
Wenn ich jeweils eines von beiden entferne, verschwindet der Effekt.
Mein Ansatz wäre, bei den betroffenen Elementen mit Layout und/oder position:relative zu experimentieren.
Oder: den fixed-Effekt für IE < 7 vergessen.

uspri

15.12.2006 16:06

Danke für den Hinweis, ich habe mich dafür entschieden, den Links ein position: relative; zu verpassen.

Nun klappt es auch im IE6 und im IE7.

Danke Euch allen.
Gruß Uwe

uspri

15.12.2006 16:10

Geht doch nicht, nur bei maximiertem Browserfenster, sobald ich das kleiner mache, kommt wieder dieser Effekt, aber wenn ich den hover-Effekt weglassen, dann klappt es.

Gruß Uwe

fricca

16.12.2006 16:34

Der Effekt ist in meinem Versuch auch verschwunden, sobald ich das Scrollen in einen weiteren Container #wrap verlegt habe (wie hier genannt; diese Empfehlung mache ich hiermit also nicht mehr nur für IE < 6 ...).

uspri

16.12.2006 17:17

Also müsste ich innerhalb von body einen weiteren Container einbauen, html und body auf overflow:hidden; setzen und dann in dem weiteren Container overflow: auto; setzen? Habe ich das richtig verstanden? Das aber alles nur für den IE, die anderen kann ich normal behandeln?

Danke,
Gruß Uwe

fricca

16.12.2006 17:36

Ja, du hast es richtig verstanden.
Aber nur für den IE < 7.

uspri

16.12.2006 18:07

Ok, Danke, ich werd das mal einbauen.

Gruß Uwe

Alle Zeitangaben in WEZ +2. Es ist jetzt 08:24 Uhr.