Internet Explorer 6 - DIV Probleme - Hervorragende Bibliothek

Ich habe eine Website-Setup mit DIV verwalteten Layout. Das Problem ist, dass unter IE 6 dieses Layout bricht. alt text Internet Explorer 6 - DIV Probleme

alt text

Dies ist die CSS:

#bg{ 
     position:fixed; 
     top:0; 
     left:0; 

     /* Preserve aspect ratio */ 
     min-width:100%; 
     min-height:100%; 
} 
#basic { 
    width: 902px; height: auto; margin-left: auto; margin-right: auto; position: relative; padding-bottom: 50px; 
} 
#logo{ 
    width: 902px; height: 400px; position: absolute; top: 17px; 
} 
#navbar{ 
    width: 902px; height: 23px; top: 280px; position:absolute; 
} 

#content{ 
    width: 802px; height: auto; top: 325px; position: absolute; background-color: white; padding-top: 50px;padding-left: 50px; padding-right: 50px; padding-bottom: 50px 
} 
#csob{ 
    width: 100px; height:100px; bottom:0px; right: 0px; position: absolute; 
} 
#titulni_strana {width:902; height:auto; top:325px; position:absolute}

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<link rel="shortcut icon" href="http://protechp.cz/zimnihrycsob/images/favicon.ico"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > 
<link href="default.css" rel="stylesheet" type="text/css" > 
<title>Zimni Hry CSOB</title> 
<!--[if lt IE 7]> 
     <script type="text/javascript" src="unitpngfix.js"></script> 
<![endif]--> 
</head> 

<body> 
<img src="images/background-gradient-ok.jpg" id="bg" alt="pozadi"> 
<div id="basic"> 

<div id="logo"> 
<center><img src="images/logo3.png" alt="logo"></center> 
</div> 

<?php include ("./menu.php") ?> 

<div id="titulni_strana"> 
<img src="images/titulni_strana.jpg" alt="titulni strana"> 
</div> 

</div> 

</body> 
</html>

Quelle

2010-11-29 Fallion

posten Sie bitte den Code für den Abschnitt, der bricht – Jimmy

Ich rate zur Validierung Ihrer HTML-Quelle in http://validator.w3.org/ viele Male ungültige HTML sind durch andere Browser entschuldigt –

Ich las einen Artikel neulich über HTML . Es verpönt grundsätzlich Web-Entwickler, die sagten, dass sie IE6 auf ihrer Website nicht unterstützen würde ... Nun, ich werde nicht auf Sie sticheln :) –

Es aussieht, als ob es Fragen gibt hier mehr als nur einfache CSS.

Stellen Sie zuerst sicher, dass Ihr HTML gültig ist. Es sieht so aus, als ob der Browser im ersten Bild nachsichtiger als IE6 ist, da das Bild in einem aber nicht in dem anderen gebrochen ist.

Auch IE6 unterstützt die min-* Eigenschaften nicht. Sie müssen stattdessen Höhe und Breite verwenden, entweder in einem Nur-IE6-Stylesheet oder mit dem Star-Hack, um nur auf IE6 zu zielen.

Edit: Auch IE6 unterstützt keine feste Positionierung. Sie müssen stattdessen die absolute Positionierung verwenden.

Quelle

2010-11-29 20:15:00 simshaun

Das erste Bild ist ein Browser außerhalb von IE6. Firefox 2,3 unterstützt diese Website, Chrom tut, Safari macht. Die Min-Eigenschaften sind für den Hintergrund mit Farbverlauf vorhanden, es ist die einzige Möglichkeit, den Hintergrund mit Farbverlauf zu erstellen. – Fallion

Es scheint das Problem ist mit dem Bild nicht geladen und nicht das CSS.

Versuchen Sie, das Stylesheet, alle CSS, und das ie6 png Javascript zu entfernen, nur um zu bestätigen, dass Ihr Bild es auf die Seite macht, da es nicht wie ein CSS-Problem für mich aussieht. Ein Live-Beispiel wäre schön.

Quelle

2010-11-29 23:58:51 Blowsie

Ich habe tatsächlich festgestellt, dass es das Fixed-Attribut in CSS war. Leider funktioniert der automatische Größenänderungshintergrund nicht mehr. – Fallion

Internet Explorer 6 - DIV Probleme

Antwort

Verwandte Themen