Delphi-PRAXiS - CSS: Problem mit anzeigen von div im Internet Explorer

Seite 1 von 2

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - CSS: Problem mit anzeigen von div im Internet Explorer (https://www.delphipraxis.net/72319-css-problem-mit-anzeigen-von-div-im-internet-explorer.html)

CSS: Problem mit anzeigen von div im Internet Explorer

Ich hab ne seite mit css gemacht. Das Problem ist, das ich ein grosses <div> habe, wo alle anderen <div> drin sind.
Diese "große" <div> wird zentriert angezeigt und die anderen <div> sollen sich an diesem orientieren, spirch innerhalb angezeigt werden. Das geht auch soweit(mit inet explorer und mozilla) nur es gibt ein problem beim internet explorer , wenn ich 2 <div> nebeinander anzeigen lassen will, werden beide am linken browser fensterrand angezeigt.
hier ist der code:

Delphi-Quellcode:

			<html>

<head>

<title></title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

<style type="text/css">

body   {

      background-color:#6B86A6;

      font-size:12px;

          color:#dddddd;

}

a:link { text-decoration:none;

         font-family:"Verdana","Arial","Helvetica","sans-serif";

         color:#000000; }

a:visited { text-decoration:none;

            font-family:"Verdana","Arial","Helvetica","sans-serif";

            color:#000000; }

a:active { text-decoration:none;

           font-family:"Verdana","Arial","Helvetica","sans-serif";

           color:#000000; }

a:hover { text-decoration:underline;

          font-family:"Verdana","Arial","Helvetica","sans-serif";

          color:#af0000; }

#seite {

      text-align:center;

}

#kopf {

      border:solid;

      border-width:1px;

      width:900px;

      height:150px;

      min-height:150px;

      max-height:150px;

}

#hauptmenue {

      border:solid;

      border-width:1px;

      border-colort:#000000;

      width:900px;

      height:20px;

      min-height:20px;

      max-height:20px;

      vertical-align:middle;

      text-align:center;

      background-color:#DAE2A9;

}

#datei {

      border:solid;

      border-width:1px;

      border-top-style:none;

      float:left;   

      height:500px;

      min-height:500px;

      max-height:500px;

      width:200px;

      margin:0 auto; 

      text-align:left;

}

#verlauf {

      border:solid;

      border-top-style:none;

      border-width:1px;

      border-left-style:none;

      float:left;

      height:20px;

      min-height:20px;

      max-height:20px;

      vertical-align:middle;

      text-align:center;

      font:10px;

      width:700px;

}

</style>

</head>

<body algin="center">

<div id="seite">

   <div id="kopf">

   </div>

   <div id="hauptmenue">

        <center>

        [url="index.php?site=home"]Home[/url] | 

        [url="index.php?site=dateien"]Dateien[/url] | 

        [url="index.php?site=login"]Login[/url] |  

        [url="index.php?site=impressum"]Impressum[/url] | 

        </center>

   </div>

   <div id="datei" align="center">

<!!-- Ein Menü mit <div> -->

   </div>

   <div id="verlauf" align="center">Test

   </div>

</div>

</body>

</html>

zusätzlich hab ich noch ne browserabfrage drin, beim internet explorer wird es so gemacht wie oben (Änderung bei:#seite)
bei Mozilla so:

Delphi-Quellcode:

			#seite{

margin:0 auto;

width:902px;

}