• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit Internet-Explorer

J

Johannes11

Neues Mitglied
Hallo. Ich habe gerade meine Seite (die in Safari fehlerfrei läuft) im Explorer veröffentlicht. Dort musste ich feststellen, daß das Layout (dreispaltig, oben Header, darunter links Menüleiste, daneben zwei weitere Spalten) sich verschoben hat. Sprich, das (klickbare) Menü war eingerückt und die anderen beiden Spalten haben sich unter das ganze Menü verschoben. Soweit ich weiss, gibt es einen einfachen Code um diesen Fehler zu vermeiden. Kann mir da jemand weiterhelfen? Danke und viele Grüße

Johannes
 
Hier der CSS-Code (habe etwas rausgekürzt, ist aber trotzdem lang):

body {
margin:30;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
line-height: 20px;
text-align:center; /* damit der Wrapper auch im IE zentriert wird */
list-style-type:none;
}



#wrapper {
width:900px;
margin: 0 auto;
text-align:left;
}



/* -------------------------------

Sub_Navis

---------------------------------- */


#main_nav{
float:left;
width:143px;
padding: 0px 0 0px 0;
list-style-type:none;
clear:left;
font-style:normal;
color: #000;
text-decoration:none;
line-height: 26px;
}

#main_nav a {
float:left;
width:143px;
text-decoration: none;
font-style:normal;
color: #000;
}

#main_nav a:hover{
text-decoration:underline;
width:143px;
}

#main_nav #ausg {
text-decoration:underline;
width:143px;
font-style:normal;
color: #000;
}

#main_nav1{
float:left;
width:143px;
padding: 0px 0 0px 0;
list-style-type:none;
clear:left;
font-style:normal;
color: #000;
text-decoration:none;
line-height: 26px;
}

#main_nav1 a {
float:left;
width:143px;
text-decoration: none;
font-style:normal;
color: #FFF;
}


#main_nav1 #ausg {
text-decoration:underline;
width:143px;
font-style:normal;
color: #000;
}


#main_nav1:hover li a {
color:#000;
}

#main_nav1:hover li {
color:#000;
}

#main_nav1:hover a #ausg {
color:#000;
}

#main_nav1 a:hover{
text-decoration:underline;
width:143px;
}





#content{
width:754px;
float:right;

}

#content img {
float:left;
margin: 00 20px 20px 0;
}

#main_content {
width:467px;
float:left;
margin-top:20px;
}

#secondary_content {
width:259px;
float:right;
margin-top:16px;
color: #000;
}
 
und wo ist das dazugehörige HTML?
ohne das kann man sich schwerlich einen eindruck verschaffen, was wo wie steht/stehen soll
 
und HTML (beispielhaft von einer Seite die es betrifft):


<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Navi</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="wrapper">



<ul id="main_nav1">
<li><a href="#"> ... </a></li>
<li><a href="#"> ... </a></li>
<li><a href="#"> ... </a></li>
<li><a href="#"> ... </a></li>
<li><a href="#"> ... </a></li>


</ul>


<div id="content">

<div id="main_content">

<img src="img" />

</div>


<div id="secondary_content">

<div id="sub">Lorem ipsum dolor sit ame</div> consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

</div>



</div>

</div>


</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben