Servus,
ich habe eine kleine Frage. Ich habe folgende Webseite für meinen Onkel entworfen: www.documentworld.de
Im Firefox, IE7, Opera funktioniert es ohne Probleme.
Aber wenn ich die Seite im IE6 anschaue, dann macht der Content Container Probleme.
Und zwar überdeckt das Bild im Content Bereich auch das Menü.
Was aber sehr komisch ist, ist das dieser Fehler nicht immer auftritt. Bei ca. 10% der Seitenaufrufe wird die Seite richtig dargestellt.
Ich bin leider kein Profi auf dem Gebiet des Webdesign. Ich mache es eher als Hobby.
Kann mir einer vielleicht sagen, woran das Problem liegt? Bin schon am verzweifeln.
*ZwinkerZwinker*
Grüße und Danke
Björn
PS: Ja, ich weiß, meine CSS Datei ist katastrophal. Aber habe gerade keine Zeit aufzuräumen. Sorry deswegen.
PSS:
Meine CSS-Datei:
body {
margin: 0px 0px 0px 0px;
font-family: "Verdana", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
/*color: #505050; schwarz liefert besseren Kontrast */
color: #000000;
min-width: 990px;
background-color: #dddddd;
}
A {text-decoration: none;} /* Darstellung von Links - NICHT die Farbe */
A:link {color : #888888;} /* Linkfarbe */
A:Visited {color : #888888;} /* besuchter Link; nicht #051e60 sondern identisch zu Standard */
A:Active {color : #e70015;} /* aktiver Link */
A:Hover {color : #e70015; text-decoration: underline;} /* Mouseover */
#fpage {
position:relative;
min-height:100%;
}
#mpage {
width:880px;
height:660px;
margin:1px auto;
text-align:left;
}
#header {
float:left;
background-color:#FFFFFF;
width:100%;
height:145px;
display:inline;
}
#logo {
float:right;
background-color:#FFFFFF;
width:214px;
height:145px;
display:inline;
/*background-image: url(logo2.gif);*/
}
#trailer {
float:left;
background-color:#000000;
width:666px;
height:122px;
display:inline;
/*background-image: url(trailer.gif);*/
}
#menu_top {
float:left;
padding: 3px 0px 0px 0px;
background:url(../images/hintergrund.gif) 0 0 repeat-x;
/*background-color:#AAAAAA;*/
width:570px;
height:20px;
display:inline;
text-align:right;
}
#menu_top a:link {color:#FFFFFF;}
#menu_top a:visited {color:#FFFFFF;}
#menu_top a:active {color:#FFFFFF;}
#menu_top a:hover {color:#FFFFFF;}
/*e70015*/
#printlink {
float:right;
padding: 3px 0px 0px 0px;
background:url(../images/hintergrund.gif) 0 0 repeat-x;
/*background-color:#AAAAAA;*/
width:96px;
height:20px;
display:inline;
text-align:left;
}
#printlink a:link {color:#FFFFFF;}
#printlink a:visited {color:#FFFFFF;}
#printlink a:active {color:#FFFFFF;}
#printlink a:hover {color:#FFFFFF;}
activetop {
color: #FFFFFF;
font-weight:bold;
}
#main {
float:left;
background-color:#FFFFFF;
width:880;
min-height:492px;
display:inline;
}
#menu {
float:left;
background-color:#FFFFFF;
padding: 0px 2px 0px 2px;
width:124px;
min-height:492px;
display:inline;
/*text-align: left;*/
color: #888888;
font-size: 12px;
font-weight:bold;
/*border-right: 1px solid #6a6a6a;*/
line-height:0.4em;
}
/*
#menu ul {
float: left;
width: 124;
list-style-type: none;
}
#menu li {
color: #888888;
font-size: 12px;
font-weicht: bold;
line-height: 0.04em;
}
*/
#menu hr {width: 100%; height: 1px; background-color:black; }
#menu a:link {background-color:#FFFFFF;}
#menu a:visited {background-color:#FFFFFF;}
#menu a:active {background-color:#CCCCCC; text-decoration: none;}
#menu a:hover {color: #FFFFFF; background-image:url(../images/back.gif); background-repeat: no-repeat; text-decoration: none;}
active {
color: #FFFFFF;
background:url(../images/hintergrund.gif) 0 0 repeat-x;
}
#contents {
margin: 0px 0px 0px 0px;
float:right;
font-size: 12px;
background-color:#FFFFFF;
width:745px;
min-height:490px;
display:inline;
overflow:auto;
position:relative;
border-left: 1px solid #6a6a6a;
padding-left: 6px;
padding-top: 2px;
}
#footer {
float:left;
background-color:#FFFFFF;
width:880;
height:23px;
display:inline;
/*border:1px solid #888888;*/
/*border:1px solid #000000;*/
/*padding:27px 11px 11px 17px;*/
}
#foot_left {
float:left;
background:url(../images/hintergrund.gif) 0 0 repeat-x;
/*background-color:#AAAAAA;*/
width:128px;
height:23px;
display:inline;
text-align: left;
border-right: 1px solid #FFFFFF;
}
#foot {
float:right;
padding: 5px 0px 0px 0px;
text-align: center;
font-size: 9px;
background:url(../images/hintergrund.gif) 0 0 repeat-x;
/*background-color:#AAAAAA;*/
color:#FFFFFF;
width:751px;
height:18px;
display:inline;
}
Meine HTML-Datei:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><!--###DOCUMENT_HEADER### begin -->
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
<title>DEFAULT template</title>
<!-- <link href="stylesheet_print.css" rel="stylesheet" media="print" />-->
<!--###DOCUMENT_HEADER### end --></head>
<body>
<!-- ###DOKUMENT### begin -->
<div id="fpage">
<div id="mpage">
<div id="header">
<div id="trailer">###TRAILER###</div>
<div id="logo">###LOGO###</div>
<div id="menu_top">###MENU_OBEN###</div>
<div id="printlink">###PRINT###</div>
</div><!-- header -->
<div id="main">
<div id="menu">###MENU###</div>
<div id="contents">###CONTENT###</div>
</div><!-- main -->
<div id="footer">
<div id="foot_left">###LFOOT###</div>
<div id="foot">###FOOT###</div>
</div><!-- footer -->
</div><!-- mpage -->
</div><!-- fpage -->
<!-- ###DOKUMENT### end -->
</body>
</html>