✔ IE Probleme mit Homepage

[ms92]

Hallo,

könnt ihr mir dabei weiterhelfen?
Warum wird diese Seite http://www.dasriff.de/it-deutsch im IE 6 so falsch dargestellt?

lg
ms92

 

[Maik]

Hi,

probier's mal hiermit:

ul#nav li{
	display:inline;
	background:#fff;
	}
#nav li a {
	float:left;
	height:23px;
	line-height:23px;
	border-bottom:1px solid #008cdf;
	padding-left:27px;
	padding-right:27px;
	}

mfg Maik

 

[ms92]

Danke! Funktioniert jetzt im IE, jetzt ist da aber so eine leere Zeile und im IE 7 haben die Menüpunkte keine Hintergrundfarbe mehr...

 

[Maik]

Klingt so, wie wenn die Floatumgebung aufgehoben werden muß:

<style type="text/css">
        <!--
        * {
                font-family:Arial;
                font-size:10pt;
                margin:0;
                padding:0;
        }
        //-->
</style>
<style type="text/css">
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */
</style>
<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->

<ul id="nav" class="clearfix"> ... </ul>

Siehe hierzu auch den "positioniseverything.net"-Artikel How To Clear Floats Without Structural Markup.

mfg Maik

 

[ms92]

Danke für die Hilfe. Es funktioniert jetzt denke ich. Ich habe einfach glaube ich überall so kleine Fehler gehabt, aber jetzt gehts.