---
title: "Problem mit der Darstellung im IE5"
url: "https://www.typo3.net/d/60198-problem-mit-der-darstellung-im-ie5"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2007-03-28"
last_reply: "2007-04-08"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# Problem mit der Darstellung im IE5

Frontend › Styling · 3 Antworten · gestartet 2007-03-28

## Eröffnungsbeitrag

**SaschaH** · 2007-03-28 · [Beitrag #1](https://www.typo3.net/d/60198-problem-mit-der-darstellung-im-ie5/1)

Hallo Zusammen,

ich komme nicht weiter und bräuchte dringend unterstützung. Ich bekomme im IE 5 eine falsche Darstellung der Hauptcontent rutscht unter die Navigation im linken DIV.

hier mein xhtml:

<!-- ###document### -->

<div id="pagewidth">

<div id="header"> <span class="headerimage">

<!-- ###headerimage### -->

<!-- ###headerimage### -->

</span> </div>

<div id="topmenu">

<!-- ###topnavigation### -->

<!-- ###topnavigation### -->

<div id="search">

<!-- ###search### -->

<!-- ###search### -->

</div>

</div>

<div id="wrapper">

<div id="sidebar">

<div id="login">

<!-- ###login### -->

<!-- ###login### -->

</div>

<div id="navigation">

<!-- ###navigation### -->

<!-- ###navigation### -->

</div>

</div>

<div id="container">

<div id="containerheader"><span class="pathway">

<!-- ###pathway### -->

<!-- ###pathway### -->

</span> <span class="exports">

<!-- ###print### -->

<!-- ###print### -->

</span> </div>

<div id="content"> <div id="hoch"></div>

<!--TYPO3SEARCH_begin-->

<!-- ###content### -->

<!-- ###content### -->

<!--TYPO3SEARCH_end-->

</div>

</div>

</div><div id="footer_outer">

<div id="footer_inner">

<!-- ###footertext### -->

<!-- ###footertext### -->

</div>

</div>

</div>

<!-- ###document### -->

**und das ist mein Style dazu:**

body {

text-align: center;

background-color: #E9ECF3;

padding: 0px;

margin: 5px 0px 5px 0px;

}

#pagewidth {

margin: 0px auto 0px auto;

text-align:left;

padding: 2px;

width: 770px;

font-family: "Verdana","Helvetica","Arial",sans-serif;

/*border: 1px solid #000000;*/

background-color: #FFFFFF;

color: #000000;

}

#sidebar {

width: 203px;

background-color: #D8DEEB;

float: left;

}

#hoch {

float: left;

min-height:400px;

height:auto;

}

* html #hoch { height:400px; } /* nur für IE 5.5 - 6.x */

#container {

float: right;

width: 520px;

margin:0px;

padding:0px;

position:relative;

right:20px;

}

#containerheader {

padding-top:3px;

margin-bottom:3px;

}

.exports {

float:right;

}

#wrapper {

width: 100%;

padding: 0px;

margin: 0px;

background-color: #FFFFFF;

clear:both;

color: #000000;

}

#header {

background: white url(../images/logoneuer.jpg) repeat-y left;

height: 103px;

color: #FFFFFF;

}

.headerimage {

background: white url(../images/Bild.gif) repeat-y left;

float:right;

position:relative;

clip:     rect(auto 0px auto auto);

/*left: 482px;*/

height: 103px;

width: 288px;

}

.pathway {

margin: 0px;

position:relative;

top:2px;

float:left;

}

#content {

clear:both;

/*background-color: #E9ECF3;*/

margin: 0px 0px 20px 0px;

padding: 0px;

border-top:1px solid #808080;

}

#footer_inner {

background: white url(../images/Balken.jpg) no-repeat;

clear: both;

width: 100%;

height: 32px;

padding: 0px 0px;

color: #ffffff;

margin: 0px;

}

#login {

margin: 0px 0px 15px 0px;

padding: 0px;

background-color: #E7E7E7;

border-top: 3px solid #ffffff;

border-bottom: 3px solid #ffffff;

text-align: left;

}

#search {

margin: 0px 0px 0px 0px;

padding: 0px;

background-color: #FFFFFF;

border-top: 3px solid #ffffff;

border-bottom: 3px solid #ffffff;

text-align: left;

float: right;

}

#navigation {

margin: 0px 0px 20px 0px;

width: 203px;

padding: 0px;

text-align: left;

}

#topmenu {

background-color: #FFFFFF;

padding: 0;

margin: 0;

color: #000000;

}

.topmenu a{

background-color: #FFFFFF;

display: block;

/*height: 35px;*/

padding: 3px 3px;

float: left;

border: 1px solid #FCD6B4;

border-bottom: none;

text-decoration: none;

color: #000000;

background: transparent url(../images/kopf_neu_100806_r2_c3.jpg) repeat-x;

}

.topmenu a:hover{

display: block;

background-color: #FFFFFF;

padding: 3px 3px;

float: left;

border: 1px solid #8A9CC3;

border-bottom: none;

text-decoration: none;

color: #000000;

background: url(../images/kopf_neu_090806_r2_c3.jpg) repeat-x;

}

.topmenu-act {

text-decoration: none;

color: #000000;

display: block;

background-color: #FFFFFF;

padding: 3px 3px;

float: left;

border: 1px solid #8A9CC3;

border-bottom: none;

background: url(../images/kopf_neu_090806_r2_c3.jpg) repeat-x;

}

.leftnav a{

color: #00008B;

text-decoration: none;

padding: 0px 5px 0px 5px;

margin: 2px 0px 2px 0px;

font-weight: bold;

line-height: 20px;

display: block;

}

.leftnav a:hover{

color: #FFFFFF;

margin: 2px 0px 2px 0px;

background-color: #8A9CC3;

}

.leftnav-act a {

color: #FFFFFF;

display: block;

text-decoration: none;

font-weight: bold;

padding: 0px 5px 0px 5px;

margin: 2px 0px 2px 0px;

background-color: #8A9CC3;

line-height: 20px;

}

.leftnav2 a {

color: #FFFFFF;

background-color: #8A9CC3;

text-decoration: none;

padding: 0px 5px 0px 15px;

margin: 2px 0px 2px 0px;

line-height: 20px;

display: block;

}

.leftnav2 a:hover{

color: #00008B;

margin: 2px 0px 2px 0px;

background-color: #FCD6B4;

}

.leftnav2-act {

color: #00008B;

display: block;

text-decoration: none;

padding: 0px 5px 0px 15px;

margin: 2px 0px 2px 0px;

background-color: #FCD6B4;

line-height: 20px;

}

.leftnav3 a {

color: #00008B;

background-color: #FFFFFF;

text-decoration: none;

padding: 0px 5px 0px 20px;

margin: 2px 0px 2px 0px;

line-height: 20px;

display: block;

}

.leftnav3 a:hover{

font-weight: bold;

color: #00008B;

margin: 2px 0px 2px 0px;

background-color: #FFFFFF;

}

.leftnav3-act {

font-weight: bold;

color: #00008B;

display: block;

text-decoration: none;

padding: 0px 5px 0px 20px;

margin: 2px 0px 2px 0px;

background-color: #FFFFFF;

line-height: 20px;

}

Bin echt am verzweifeln.

Grüße
SaschaH

## Antworten

### [#2](https://www.typo3.net/d/60198-problem-mit-der-darstellung-im-ie5/2) · einpraegsam.​net · 2007-03-28

a) Puh, sooo viel CSS
b) IE5?????

### [#3](https://www.typo3.net/d/60198-problem-mit-der-darstellung-im-ie5/3) · SaschaH · 2007-03-28

Ja, ich hab das CSS komplett für den DIV teil rein das man wirklich alles nachvollziehen kann. Ich meinte IE ab 5.01.

Grüße
SaschaH

### [#4](https://www.typo3.net/d/60198-problem-mit-der-darstellung-im-ie5/4) · PhoenixAusDerAsche · 2007-04-08

Hi!

Weicht das grundsätzlich im IE ab? Oder nur in IE 5.x und ab 6.x funzt es korrekt?

Hängt vielleicht mit dem falsch interpretierten Boxmodell zusammmen, wodurch evtl. das en paar Pixel breiter wird und daher das andere Element nicht mehr in die "Zeile" bzw. in die übergeordnete Box passt und drunter gesetzt wird.

Schau ggf. mal bei den Hacks nach: <http://de.selfhtml.org/css/formate/box_modell.htm#standardkonform>

---

Quelle: „Problem mit der Darstellung im IE5“, typo3.net, https://www.typo3.net/d/60198-problem-mit-der-darstellung-im-ie5
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.