nicht angemeldet
in ie 6 und kleiner falsch dargestellt
also das design von meine seite (http://muhagacha.mu.funpic.de/) wird in eingen brwosern falsch dargestellt. wie die seite Test your web design in different browsers - Browsershots mir gezeigt hat, wird das design im ie 6 und kleiner falsch dargestelt, und zwar katastrophal. die hauptnavi (oben das quere) wird für jeden link unterbrochen, die zweitnavi wird unterbrochen und das hintergrundbild gar nicht angezeigt.
der xhtml code der startseite:~~~html
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="Generator" content="script by http://um-fritz.de" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/standard.css" rel="stylesheet" type="text/css" /><title>Muhagacha - Home</title>
</head><body lang="de" xml:lang="de">
<div id="allet"><div id="top"></div>
<h1 id="muha">Muhagacha</h1>
<div id="headerbild"><a href="/"><img src="grafiken/header_urwald.png" alt="" height="1" width="1" /></a></div>
<div id="navi">
<ul>
<li><a title="Kontakt, Gästebuch, Newsletter, Über die Autoren" href="/" class="current"><span>Home</span></a></li>
<li><a title="Lebensweise, Geschichte, Bräuche, Rollende Bullin, Danksagungen, Bananenbombe, Enstehung der Welt,Die 4 Sauffahrten, Brudisten, Der Turm von Kabel" href="lustige_geschichten.php" class=""><span>Lustige Geschichten</span></a></li>
<li><a title="Youtube, Lustiges, Nichtlustiges" href="links.php" class=""><span>Links</span></a></li>
<li><a title="Eine Super Seite von einer Super Band" href="http://www.crazy-animalium.de.tl/"><span>Crazy Animalium</span></a></li>
</ul>
</div><!--ende navi-->
<div id="zweitnavi">
<ul>
<li><a href="um-formmailer/formmailer.php" class=""><span>Kontakt</span></a></li>
<li><a href="um-gbuch/gb.php" class=""><span>Gästebuch</span></a></li>
<li><a href="newsletter.php" class=""><span>Newsletter</span></a></li>
<li><a href="ueber_die_autoren.php" class=""><span>Über die Autoren</span></a></li>
</ul>
</div><!--ende zweitnavi-->
<div id="inhalt">
<p>
hier steht der text am anfang der seite
</p></div>
</div><!--ende inhalt-->
<div id="unten">
<ul>
<li><a href="/impressum.php">Impressum</a></li>
<li><a href="http://um-fritz.de" title="Webseitenerstellung">um-fritz.de</a></li>
<li><a class="float_right" href="#top" title="Top">↑ zum Seitenanfang</a></li>
</ul>
</div><!--ende unten-->
</div><!--ende allet-->
</body></html>
und der css code:
~~~css
/*---------------------------stadnard-------------------------------------------*/
* {
margin:0;
padding:0;
}
body{
font-family:"Comic sans MS","serif";
font-size: normal;
font-style: normal;
line-height: 1.6em;
word-spacing: 0.2em;
background: Url(../grafiken/bodyfv.png) repeat-x fixed #fff;
height: 100%;
width:100%;
}
#allet {
height: 100%;
width:100%;
font-size:0.8em;
}
h1 {
font-size: 150%;
}
#inhalt div#gutter, #inhalt div#wrapper{
padding:2em;
}
a img {
border:none;
}
a, a:link, a:visited {
text-decoration:underline;
color: #9bb91f;
cursor:pointer;
}
a:hover, a:focus, a:visited:hover {
text-decoration:none;
}
strong {
font-weight:bold;
}
.float_right {
float:right;
margin-bottom:1em;
}
/*-------------------------------position---------------------------------*/
#headerbild {
height: 20%;
width: 100%;
}
#headerbild img{
height: 100%;
width: 100%;
}
#headerbild img a {
border:none;
}
#inhalt {
float:right;
width: 74%;
background: #ffffff;
}
#zweitnavi {
float: left;
clear:left;
width: 25%;
}
#muha {
position:absolute;
top: 5%;
left: 5%;
z-index:2;
color:#ffffff;
}
/*-------------------------------navi----------------------------------------*/
div#navi ul {
float:left;
width: 100%;
background: url(../grafiken/navi.png) repeat-x top left #66aa00;
height: 50px;
}
div#navi li {
list-style: none;
float:left;
}
div#navi a {
text-decoration: none;
margin-left: 1em;
font-size: 28px;
padding: 11px 0;
display:block;
height: 28px;
background: transparent;
border: none;
}
div#navi a:link, div#navi a:visited{
color: #fff;
}
div#navi a:hover, div#navi a:focus, div#navi .current, div#navi a:visited:hover{
background: url(../grafiken/navi2.png) repeat-x top left #778844;
}
div#navi a:active {
color: #eeeeee;
}
#unten {
background: #112200;
float: left;
width: 100%;
}
#unten li {
float:left;
margin-left: 1em;
}
#unten li a:link,#unten li a:hover,#unten li a:visited,#unten li a:focus,#unten li a:visited:hover,{
color: #aacc22;
background: #112200;
border:none;
}
#zweitnavi li{
list-style:none;
}
#zweitnavi a{
text-decoration:none;
padding: 0.2em;
border: solid 2px black;
margin: 0.8em;
display:block;
text-align:center;
background:#adce21;
}
#zweitnavi a:link, #zweitnavi a:visited{
color: #000;
}
#zweitnavi a:active{
color: darkgreen;
}
#zweitnavi a:hover, #zweitnavi a:focus, #zweitnavi a.current{
text-decoration:none;
padding: 0.2em;
border: solid 2px black;
background: #ffffff;
}
wenn ihr einen hack oder irgendetwas anderes wisst womit ich das für die beiden browser gut darstellenm kann, dann soll er es sagen^^
danke im vorraus, muhagacha
-
der xhtml code der startseite:
<?xml version="1.0" ?>entferne jedenfalls das
wenn ihr einen hack oder irgendetwas anderes wisst womit ich das für die beiden browser gut darstellenm kann, dann soll er es sagen^^
stichworte: "quirksmode" und "doctype switch" werden dir weiterhelfen
und natürlich valdier code