Div Problem mit IE7 und Firefox 2

Status
Nicht offen für weitere Antworten.
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
body  {
        font: 100% Verdana, Arial, Helvetica, sans-serif;
        background: #666666;
        margin: 0;
        padding: 0;
        text-align: center;
        color: #000000;
}
.twoColLiqLtHdr #container {
        width: 1000px;
        background: #FFFFFF;
        margin: 0 auto;
        border: 1px solid #000000;
        text-align: left;
}
.twoColLiqLtHdr #header {
        background: #DDDDDD;
        padding-top: 0;
        padding-right: 10px;
        padding-bottom: 0;
        padding-left: 10px;
        height: 100px;
}
.twoColLiqLtHdr #header h1 {
        margin: 0;
        padding: 10px 0;
}

.twoColLiqLtHdr #sidebar1 {
        float: left;
        width: 185px;
        background: #EBEBEB;
        padding-top: 15px;
        padding-right: 0;
        padding-bottom: 15px;
        padding-left: 0;
        height: 350px;
        margin-right:0 !important;
        margin-right:-3px;
}

.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
        margin-left: 10px;
        margin-right: 10px;
}

.twoColLiqLtHdr #mainContent {
        margin-top: 0;
        margin-right: 0px;
        margin-bottom: 0;
        margin-left:0 !important;
        margin-left:182px;
        padding:15px 0;
        height:350px;
        overflow:auto;
}

.twoColLiqLtHdr #mainContent p {
margin:0;
padding:10px 0;
}

.twoColLiqLtHdr #footer {
        padding: 0 10px;
        background:#DDDDDD;
}
.twoColLiqLtHdr #footer p {
        margin: 0;
        padding: 10px 0;
}

.fltrt {
        float: right;
        margin-left: 8px;
}
.fltlft {
        float: left;
        margin-right: 8px;
}

form {
margin:0;
padding:0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
-->
</style>
<!--[if IE]>
<style type="text/css">
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
</style>
<![endif]--></head>

<body class="twoColLiqLtHdr">

<div id="container" class="clearfix">

      <container id="1" name="Text" types="Content" default=""></container>

<div id="header" style="background: url(banner.jpg)">CMS_CONTAINER[2]
<!-- end #header --></div>
<div id="sidebar1"  style="background: url(menue.jpg)">CMS_CONTAINER[3]
<!-- end #sidebar1 -->
</div>
<div id="mainContent"  style="background: url(back.jpg);background-attachment:inherit !important;background-attachment:fixed;">CMS_CONTAINER[4]
</div>
<div id="footer">CMS_CONTAINER[5]
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
 
hey danke^^

im FF ist jetzt alles perfekt nur im ie7 hab ich noch ne kleinigkeit

im IE6 siehts wie im FF perfekt aus aber im IE7 is das hintergrundbild im mainframe noch verrutscht. warum müssen IE6 und IE7 so unterschiedlich sein?...

so siehts aus...

prob6.jpg
 
Der IE7 verhält sich da wie Firefox, und verschiebt das Hintergrundbild nach oben, wenn es fixiert sein soll, der IE6 hingegen nicht.
 
Warum sich IE6 und IE7 beim Wert fixed unterschiedlich verhalten, kann ich dir auch nicht sagen.
 
kanns sein das ich was ich mit deiner hilfe zusammen gebaut auch einfach zu komplex ist?

der sinn das das so "unverruckelbar" sein soll ist das ich als desgin ein bild haben soll und das muss ja dann auf die teile aufgeteilt sein oder? gibs da auch ne andere möglichkeit?
 
Hier liegt keine "Komplexität" vor, mit der der IE7 nicht zurechtkäme.

Vielmehr verrücken alle modernen Browser (Firefox, IE7, Opera & Co.) das Hintergrund nach oben, wenn es in der Box mit background-attachment:fixed fixiert wird, denn abgesehen vom IE7, fixieren diese Browser das Hintergrundbild automatisch und benötigen daher diese Angabe überhaupt nicht.

Und bitte halte dich an unsere Netiquette bzgl. der Groß- und Kleinschreibung. Vielen Dank.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück