---
title: "IE6 Probleme mit Seite"
url: "https://www.typo3.net/d/74525-ie6-probleme-mit-seite"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2008-03-06"
last_reply: "2008-03-08"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# IE6 Probleme mit Seite

Frontend › Styling · 2 Antworten · gestartet 2008-03-06

## Eröffnungsbeitrag

**Eichbjörnchen** · 2008-03-06 · [Beitrag #1](https://www.typo3.net/d/74525-ie6-probleme-mit-seite/1)

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:

```html
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:

```html
<!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>
```

## Antworten

### [#2](https://www.typo3.net/d/74525-ie6-probleme-mit-seite/2) · gaiusbonus · 2008-03-08

Moin,
nimm mal position:relative aus #contents raus. Dann funzt das bei mir.
Ich sehe auch keinen Grund für position:relativ im #fpage.
Hab mit IE6 unf FF getestet.

### [#3](https://www.typo3.net/d/74525-ie6-probleme-mit-seite/3) · Eichbjörnchen · 2008-03-08

Hey Mann, ich Liebe Dich!!!! Es geht!! ENDLICH!

Ich glaube ich werde mir nochmal die ganze <div>,.. Sache bei selfhtml anschauen. Hab da scheinbar was falsch verstanden gehabt :-)

Aber: DANKE DANKE DANKE...

Grüße

Björn

---

Quelle: „IE6 Probleme mit Seite“, typo3.net, https://www.typo3.net/d/74525-ie6-probleme-mit-seite
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.