sonnenscheinds
Grünschnabel
Hallo zusammen,
die Seite steht soweit und auch die Darstellungsprobleme im IE sind fast behoben. Nur im IE 6 wird mir der Footer nicht angezeigt.
Außerdem habe ich in verschiedenen Foren gelesen, dass der Opera eigentlich keine Probleme macht, aber bei meiner Site ist die Navi gestaucht.
Wäre super, wenn jemand eine Idee hätte, wie ich das noch beheben kann.
Die Site lautet: http://www.seo-bayern.com
die ie6.css hat folgenden Inhalt:
Da ich davon ausgehe, dass der IE-Fehler mit DIV und Floating zusammen hängt, hier die CSS auf Navi und diesen Teil reduziert
und der html-Code lautet:
Ich hoffe auf Euch!
Herzliche Grüße
Sonnenschein
die Seite steht soweit und auch die Darstellungsprobleme im IE sind fast behoben. Nur im IE 6 wird mir der Footer nicht angezeigt.
Außerdem habe ich in verschiedenen Foren gelesen, dass der Opera eigentlich keine Probleme macht, aber bei meiner Site ist die Navi gestaucht.
Wäre super, wenn jemand eine Idee hätte, wie ich das noch beheben kann.
Die Site lautet: http://www.seo-bayern.com
die ie6.css hat folgenden Inhalt:
Code:
]@charset "utf-8";
/* CSS Document */
div, h1, h2, h3, p {
margin:0;
padding:0;
}
a img {
borderwidth: 0;
border-style:solid;
}
#navi ul li {
padding-bottom: 15px;
}
div#rightcontent p {
line-height: 1.3em;
}Da ich davon ausgehe, dass der IE-Fehler mit DIV und Floating zusammen hängt, hier die CSS auf Navi und diesen Teil reduziert
Code:
/*umfließender Container*****************************************/
div#wrapper {
position: relative;
width: 980px;
border: 1px solid #E7DBC0;
}
/*ende***********************************************************/
/*head-bereich***************************************************/
div#oben {
width: 980px;
height: 145px;
background-position: center top;
border: 0;
}
/*headbereich-ende************************************************/
/*navigation*****************************************************/
div#navi {
float: left;
width: 245px;
height: 584px;
font-size: 0.75em;
letter-spacing: 0.1em;
background-image: url(images/navigation.png);
background-repeat: no-repeat;
background-position: left top;
font-weight: normal;
line-height: 1em;
}
#navi ul li {
list-style-image: url(images/seo-icon-leer15.gif);
list-style-position: outside;
margin: 0 0 0 20px;
padding-bottom: 9px;
}
ul li:active, #navi ul li:hover, #navi a:hover {
list-style-image: url(images/seo-icon15.png);
}
#navi a:link, #navi a:visited {
text-decoration: none;
color: #333;
}
#current {
font-weight: bold;
}
/*navigation-ende*********************************************/
/*beginn-inhalt***********************************************/
div#content {
padding-top: 0;
width: 455px;
height: 584px;
float: left;
padding-right: 20px;
padding-left: 10px;
}
/*mittel-teil-content - ende**********************************/
/*beginn-steine-rechts***************************************/
div#rightcontent {
width: 240px;
height: 584px;
background-image: url(images/content-links.png);
background-repeat: no-repeat;
background-position: right top;
float: right;
}
.links {
float: left;
margin: 0;
padding: 0;
}
.rechts {
float: right;
margin: 0;
padding: 0 29px 0 0;
}
/*inhalt-ende************************************************/
/*beginn-fusszeile********************************************/
div#footer {
height: 60px;
background-image: url(images/footer.png);
background-repeat: no-repeat;
background-position: left bottom;
clear: both;
}
/*fusszeile-ende**********************************************/und der html-Code lautet:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE 6]><link rel="Stylesheet" href="ie6.css" type="text/css" /><![endif]-->
<!--[if IE 7]><link rel="Stylesheet" href="ie7.css" type="text/css" /><![endif]-->
</head>
<body>
<div id="wrapper">
<div id="oben"></div>
<div id="navi">
<ul>
<li><a href="#" id="current">Startseite</a></li>
<li><a href="http://www.seo-bayern.com/partnerin.html">Ihre Partnerin</a></li>
<li><a href="http://www.seo-bayern.com/internetmarketing.html" >InternetMarketing</a></li>
<li><a href="http://www.seo-bayern.com/suchmaschinenoptimierung-seo.html" >SEO-Optimierung</a></li>
<li><a href="http://www.seo-bayern.com/webdesign.html" >Webdesign</a></li>
<li><a href="http://www.seo-bayern.com/preise.html">Preise</a></li>
<li><a href="http://www.seo-bayern.com/news.html">News</a> </li>
</ul>
</div>
<div id= "content"></div>
<div id= "rightcontent"><div>
<h3 class="abstand"></h3>
<div class="adresse"></div>
<div class="iconfeld"></div>
<div class="kontakt">
<p class="links"><a href="http://www.seo-bayern.com/kontakt.html"> Kontakt</a></p>
<p class="rechts"><a href="http://www.seo-bayern.com/impressum.html" >Impressum</a></p>
</div>
</div>
</div>
<div id="footer"> </div>
</div>[/Ich hoffe auf Euch!
Herzliche Grüße
Sonnenschein
