✔ IE6 - Problem mit CSS

U

userjules

Mitglied
Hallo ihr Lieben,

ich bin mal wieder dringend auf eure Hilfe angewiesen und zwar hab ich folgendes Problem.
Das Problem tritt soweit ich weiss bisher nur im 6er Explorer auf und ich hab auch schon mitbekommen das hier der Einsatz von 'hacks' Abhilfe schafft. Allerdings kenne ich diese 'hacks' nicht und wäre dankbar für einen funktionierenden Vorschlag.

1. Im Header des HTML Dokuments befindet sich rechts ein Login-Formular. Laut Stylesheet soll es rechts 'floaten' und dabei von oben 10 und von rechts 20 Pixel Abstand einhalten. Im 6er f..*. Explorer tut's das aber nicht, sondern nistet sich irgendwo in meinem Menü ein.

2. Das Menü hab' ich etwas unfein mit margin-top: -(Minuswert)px; positioniert. Alle Browser fressen das, nur der 6er Explorer wieder nicht.

Hier zur Problemseite:
http://obc-duesseldorf.de/bob/index.php

...und hier zum Stylesheet:
http://obc-duesseldorf.de/bob/css/style.css


Danke Im Voraus für jeden hilfreichen Beitrag !
 
Hi,

im IE6 tritt sein "The IE5/6 Doubled Float-Margin Bug" in Erscheinung, dem du so begegnest:

Code: 
#login {
float:right;
margin-right:20px;
margin-top:10px;
position:relative;
display:inline;
}


Und so wie es weiter aussieht, mußt du eventuell noch den voreingestellten äußeren Abstand des Formulars zurücksetzen:

CSS: 
#login form { margin-bottom:0; }

mfg Maik
 
Ich würde mal den doppelt vorhandenen vertikalen Scrollbalken ausschalten:

CSS: 
html, body {
padding: 0;
margin: 0;
height: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #EEEEEE;
/*overflow: auto;*/ /* auskommentiert = deaktiviert */
}

mfg Maik
 
Ok, es klappt jetzt. Der entscheidende Punkt war glaub ich das fehlende 'float: left;' bei der Grafik links.

Danke Dir aber trotzdem für Deine Tips. Vielleicht wäre ich ohne diese bald auf neue Probleme gestoßen.

Grüße
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück