✔ Probleme mit IE6

Status
Nicht offen für weitere Antworten.
matthiasschnueriger

matthiasschnueriger

Erfahrenes Mitglied
Hallo zusammen

Beim Browser-Check bin ich auf folgenden Bug im IE6 gestossen: Link

Und zwar müsste der weisse Background bis ganz nach unten gehen.

Mein CSS sieht so aus:
Code: 
html, body {
	margin:0px;
    min-height:100%;
    font-family: Times, serif;
	font-size:1em;
	line-height:1.3em;
	background-color:white;
	background-image:url('<? print("$background");?>');
	background-repeat:repeat;
	background-attachment:fixed;
	color:<? print("$dark");?>;
}

.content
{
width:700px;
min-height:100%;
margin:0px;
background-color:white;
position:absolute;
top:150px;
left:0px;
}

In allen anderen Browser sieht's wunderbar aus, wie ich kann ich das Problem beheben?
 
Hi,

der IE unterstützt nicht die min-height-Eigenschaft, probier es stattdessen mal so:

Code: 
html, body {
	margin:0px;
    height:100%;
    font-family: Times, serif;
	font-size:1em;
	line-height:1.3em;
	background-color:white;
	background-image:url('<? print("$background");?>');
	background-repeat:repeat;
	background-attachment:fixed;
	color:<? print("$dark");?>;
}

.content
{
width:700px;
min-height:100%; /* Für moderne Browser */
height:auto !important;  /* Für moderne Browser */
height:100%;  /* Für IE */
margin:0px;
background-color:white;
position:absolute;
top:150px;
left:0px;
}
 
Vielen Dank für die Antwort, das funktioniert soweit.
Jedoch habe ich jetzt das Problem, das wenn der Text länger ist als 100%, sieht das ganze auch wieder unschön aus.

Ich habe die DIVs so aufgeteilt:


<div class="content">
<div class="navigation">
Navigation
</div>
<div class="text">
Text
</div>
</div>

Wie kann ich jetzt machen, dass das Div-Tag nicht über das Content-Tag raus geht, d.h. das Content-Tag automatisch so gross ist wie der Text?
 
Das Problem kann ich in keinem mir zur Verfügung stehenden Browser reproduzieren, will sagen, sobald der Inhalt im DIV text über den vertikalen Viewport hinausgeht, "wächst" das umschliessende DIV content mit - habe hierfür die gesetzte weisse Hintergrundfarbe gegen gelb ausgetauscht.

Das ist der Quellcode meines Testdokuments:

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=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
html, body {
        margin:0px;
    height:100%;
    font-family: Times, serif;
        font-size:1em;
        line-height:1.3em;
        background-color:white;
        background-image:url('<? print("$background");?>');
        background-repeat:repeat;
        background-attachment:fixed;
        color:<? print("$dark");?>;
}

.content
{
width:700px;
min-height:100%; /* Für moderne Browser */
height:auto !important;  /* Für moderne Browser */
height:100%;  /* Für IE */
margin:0px;
background-color:yellow;
position:absolute;
top:150px;
left:0px;
}

.text p {
height: 200px;
}
-->
</style>

</head>
<body>

<div class="content">
     <div class="navigation">
          Navigation
     </div>
     <div class="text">
          <p>Text</p>
          <p>Text</p>
          <p>Text</p>
          <p>Text</p>
          <p>Text</p>
     </div>
</div>

</body>
</html>
Meine Testumgebung: Win2k SP4, Firefox 2.0.0.3, IE6, Mozilla 1.7.12, Netscape 7.0, Opera 9.02 & SeaMonkey 1.0.5

Vielleicht hängt es bei dir an der absoluten Positionierung des DIVs content? Versuch es stattdessen mal mit einer relativen Positionierung.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück