Thomas Hoppe: IE 6 zerreist CSS-formatiertes DIV

Beitrag lesen

SELF-Forum

IE 6 zerreist CSS-formatiertes DIV

Thomas Hoppe
– Informationen zu den Bewertungsregeln

Hallo,

Ich bin offiziell mit dem Redesign des xine-projekts betraut :) (Linuxer unter Euch kennen es).

Ich wollte mir natürlich best practise geben und gleich alles xhtml usw. konform machen. Ich habe das ganze Layout gesetzt, wobei ich immer mit Mozilla und Konqueror geprüft habe. Jetzt war das Ding fertig und ich schau mir das Ding vom Geschäft aus unter Windows an (IE 6).
Es war furchtbar! Der IE hat alle DIVs, die ich auf die Höhe 1px gesetzt habe gut 15px hoch gemacht.

Ich habe das mal als Beispiel extrahiert:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>::: XINE - A Free Video Player :::</title>

<style type="text/css">
<!--

BODY {
 font-family:Helvetica, Arial, sans-serif;
 color:#000000;
 margin:0px;
 pading:0px;
 border-width:0px;
}

* {
 padding:0px;
 margin:0px;
}

table {
 empty-cells:show;
 table-layout:fixed;
 border-collapse:collapse;
}

div.teaser {
 height:50px;
 background-color:#EEEEEE;
 vertical-align:middle;
}

div.hline1 {
 height:1px;
 background-color:#FFFFFF;
}

div.hbar {
 height:22px;
 background-color:#DFDFDF;
 vertical-align:middle;

div.layout {
 width:100%;
 border-width:0px;
 padding:0px;
 margin:0px;
 color:#000000;
}

-->
</style>

</head>

<div class="layout">
 <div class="teaser">
 <table height="100%">
  <tr>
   <td>TEASER</td>
  </tr>
 </table>
 </div>
</div>

<div class="layout">
 <div class="hline1"></div>
</div>

<div class="layout">
 <div class="hbar">
 <table height="100%">
  <tr>
   <td>HBAR</td>
  </tr>
 </table>
 </div>
</div>
</body>
</html>

Konkret ist die hline1 zu beachten, alles andere scheint zu stimmen.
Ich bin streng nach den CSS-Regeln auf w3c.org und Selfhtml vorgegangen und zwei Browser zeigen es so an, wie ich es mir denke.
Ist IE blöd oder ich?

Thomas

Beitrag melden
–
Informationen zu den Bewertungsregeln