Problem mit zentriertem DIV in IE: Marco

Beitrag lesen

SELF-Forum

Marco

Problem mit zentriertem DIV in IE
– Informationen zu den Bewertungsregeln

Hallo zusammen,

Obwohl ich FAQ's und Tutorials studiert habe verstehe ich einfach nicht warum ich den DIV "inhalt" (und dessen Tabelle) innerhalb des containers "cont" nicht vertikal und horizontal zentrieren kann. Die Lösung muss ausschliesslich im IE funktionieren. Kann mir jemand weiterhelfen?

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
  "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
 <head>  
  <title>Title</title>  
  <style>  
  
  
body {  
 margin: 0px;  
}  
  
#wrap {  
 position:absolute;  
 top:6px;  
 left:6px;  
 width:248px;  
 height:178px;  
 overflow: hidden;  
 border: 1px solid blue;  
}  
  
#cont {  
 float:left;  
 width:248px;  
 height:158px;  
 overflow: hidden;  
 border: 1px solid green;  
}  
  
#bar {  
 float:left;  
 width:100%;  
 height:20px;  
 line-height:16px;  
 vertical-align: middle;  
 overflow: hidden;  
 padding-left:3px;  
 cursor:hand;  
 border: 1px solid yellow;  
}  
  
  
#inhalt {  
{  
 height: 158px;  
 width: 248px;  
 top: 50%;  
 left: 50%;  
 margin-left: -124px;  
 margin-top: -79px;  
  
 border: 1px solid red;  
}  
</style>  
  
 </head>  
 <body>  
  <form name="form">  
  <div id="wrap">  
   <div id="cont">  
  
   <!-- Begin Content -->  
  
      <!-- Begin Panel -->  
      <div id="inhalt">  
       <table>  
        <tr>  
         <td>Test</td><td></td>  
        </tr>  
       </table>  
      </div>  
      <!-- End Panel -->  
  
   <!-- End Content -->  
  
   </div>  
   <div id="bar"></div>  
  </div>  
  </form>  
 </body>  
</html>

Viele Grüsse Marco

Beitrag melden
–
Informationen zu den Bewertungsregeln