IE6 Darstellungsproblem

[Gurgel]

Hallo Leute,

Ich habe ein kleines Problem: Ich habe meine Homepage nun genau so wie ich es wollte. Sie wird auch in verschiedenen Browsern so dargestellt wie ich es will (IE7, FF2, Opera). Nur leider macht der IE6 grosse Probleme, also so sollte die Seite aussehen wenn sie richtig ist:


Und so sieht die Seite in IE6 aus:


Hier ist mein CSS:

Code: Alles auswählen

#apDiv1 {
   position:absolute;
   left:316px;
   top:33px;
   width:150px;
   height:36px;
   z-index:1;
}
#Logo {
   position:absolute;
   left:0px;
   top:0px;
   width:134px;
   height:139px;
   z-index:6;
}
#Menu_Buttons {
   position:absolute;
   left:126px;
   top:110px;
   height:29px;
   z-index:3;
   border-right-style: none;
   border-top-style: none;
   border-bottom-style: none;
   border-left-style: none;
   width: 794px;
   right: 0px;
}
#Background_menu_buttons {
   position:absolute;
   top:109px;
   width:100%;
   height:29px;
   z-index:2;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: none;
   border-right-style: solid;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   right: 0px;
   background-color: #003C73;
}

#Menu1 {
   position:absolute;
   left:134px;
   top:0px;
   width:195px;
   height:109px;
   z-index:7;
   background-color: #9CAABD;
   vertical-align: baseline;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   visibility: visible;
}
#Menu2 {
   position:absolute;
   left:328px;
   width:195px;
   height:109px;
   z-index:8;
   background-color: #739A4A;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   top: 0px;
   visibility: visible;
}
#Menu3 {
   position:absolute;
   left:523px;
   top:0px;
   width:194px;
   height:109px;
   z-index:9;
   background-color: #F7C7F7;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
}
#Menu4 {
   position:absolute;
   left:717px;
   top:0px;
   width:194px;
   height:109px;
   z-index:10;
   background-color: #DEDF52;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
}
#txtbCSearchSel {
   font-family: "Times New Roman", Times, serif;
   font-size: 24px;
   color: #000000;
   background-color: #FFFFFF;
   border: 1px solid #000000;
   width: 400px;
   height: 30px;
}
#such {
   font-family: "Times New Roman", Times, serif;
   font-size: 24px;
   font-style: normal;
   font-variant: normal;
   height: 34px;
}


#Menu5 {
   position:absolute;
   left:468px;
   top:0px;
   width:193px;
   height:108px;
   z-index:3;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
}
.menu_item {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   color: #003C73;
   width: 100%;
   height: 15px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: dotted;
   border-left-style: none;
   border-top-color: #003C73;
   border-right-color: #003C73;
   border-bottom-color: #003C73;
   border-left-color: #003C73;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   text-decoration: none;
   text-indent: 12px;
}
.menu_item a:link {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   color: #003C73;
   width: 100%;
   height: 15px;
   text-decoration: none;
}
.menu_item a:hover {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   color: #003C73;
   width: 100%;
   height: 15px;
   text-decoration: none;
}
.menu_item a:visited {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   color: #003C73;
   width: 100%;
   height: 15px;
   text-decoration: none;
}
.menu_item_hover {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   color: #003C73;
   width: 100%;
   height: 15px;
   text-decoration: none;
   background-color: #CED7E7;
   border-top-width: 1px;
   border-bottom-style: dotted;
   border-top-color: #003C73;
   border-right-color: #003C73;
   border-bottom-color: #003C73;
   border-left-color: #003C73;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   text-indent: 12px;
}
#top_ecke {
   position:absolute;
   top:0;
   right:0;
   width:71;
   height:139px;
   z-index: 1;
}
#bottom_left_ecke {
   position:relative;
   bottom: 0px;
   width: 646px;
   left: 0px;

}

#top_filler {
   position:absolute;
   top:0px;
   right:71px;
   height:139px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   z-index: 5;
   width: 100%;
}
#left {
   position:absolute;
   left:0px;
   top:139px;
   width:38px;
   height:100%;
   z-index:11;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
}
#titel_left {
   position:absolute;
   left:22px;
   top:153px;
   width:13px;
   height:59px;
   z-index:11;
}
#titel {
   position:absolute;
   left:134px;
   top:139px;
   width:214px;
   height:59px;
   z-index:13;
}
#titel_background {
   position:absolute;
   left:0px;
   top:139px;
   height:59px;
   z-index:12;
   background-image: url(http://www.itressourcen.ch/clientweb/frontline/images/bg_titel.gif);
   right: 0px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
}
#titelbgleft {
   left: 0px;
   top: 0px;
   bottom: 0px;
   width: 13px;
   position: absolute;
   height: 51px;
}
#titelbgright {
   width: 19px;
   top: 0px;
   right: 0px;
   position: absolute;
   height: 59px;
   border: 1px none #000000;
   z-index: 1;
}
#suchfeld {
   position:absolute;
   left:0px;
   top:198px;
   z-index:14;
   right: 0px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: none;
   border-right-style: solid;
   border-bottom-style: none;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   padding-left: 12px;
   padding-top: 12px;
   height: 70px;
   text-align: center;
}
#footer_container {
   position:fixed;
   bottom:0;
   left:0;
   right:0;
   text-align:center;
   margin:0;
   padding:0;
   height:48px;
   z-index:3;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
}

#footer {
   position:absolute;
   top:0;
   left:0;
   right:0;
   bottom:0;
   z-index:3;
}

/* Nur für den MSIE */

* html, * html body {
    overflow:hidden;
    bottom:0;
    height:100%;
}

* html #footer_container {
    position:absolute;
    width:100%;
    padding-right:16px;
}

* html #footer {
    height:100%;
    position:static;
}

#footer_left {
   position: absolute;
   left: 0px;
}
#footer_bg {
   position: absolute;
   left: 309px;
   right:509px;
   height: 48px;
   top: 0px;
   bottom: 0px;
   background-image: url(http://www.itressourcen.ch/clientweb/frontline/images/footer_bg.gif);
}
#footer_right {
   right: 0px;
   position: absolute;
   height: 48px;
   width: 509px;
   background-image: url(http://www.itressourcen.ch/clientweb/frontline/images/footer_right.gif);
   padding-left: 0px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
}
#footertext {
   margin-top: 22px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 22px;
}
.footertext {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
}



.titel {
   font-family: "Times New Roman", Times, serif;
   font-size: 36px;
   font-weight: bold;
   color: #003C73;
}
#einsatzart {
   height: 400px;
   width: 200px;
}


.smalltext {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
}
#liste {
   position: absolute;
   left: 0px;
   top: 268px;
   right: 0px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: none;
   border-right-style: solid;
   border-bottom-style: none;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   padding-top: 0px;
   padding-right: 12px;
   padding-bottom: 0px;
   padding-left: 12px;
}
.ro {
background:url(roundedbox_ro.gif) top right no-repeat;
margin:0;
padding:0;
}
 
.lo {
background:url(roundedbox_lo.gif) top left no-repeat;
margin:0;
padding:0;
}
 
.ru {
   background:url(roundedbox_ru.gif) bottom right no-repeat;
   padding:0;
   margin: 0;
}
 
.lu {
   background:url(roundedbox_lu.gif) bottom left no-repeat;
   padding:0;
   margin: 0;
}
.inhalt {
   margin:0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding-top: 1.5em;
   padding-right: 1.5em;
   padding-bottom: 2.5em;
   padding-left: 1.5em;
}
.jobliste {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
}
.jobliste a:link {
   color: #003c73;
   font-weight: bold;
   text-decoration: none;
}
 
.inhalt p {
margin:0;
padding:0;
}


Und hier mein HTML:

Code: Alles auswählen

<DOCTYPE>
<html>
<php>
<head>
<meta>
<title>Untitled Document</title>
<link>
</head>

<body>
<div><img></div>
<div><img><img><img><img></div>
<div>
   <div><a>Stellen suchen</a></div>
    <div><a>Dringende Kundenanfragen!</a></div>
    <div><a>Direktbewerbung</a></div>
    <div><a>Dienstleistungen</a></div>
  <div><a>Arbeitsweise</a></div>
  <div><a>Referenzen</a></div>
</div>
<div>
   <div><a>KandidatenInnen suchen</a><a></a></div>
    <div><a>Dokumentationen</a><a></a></div>
    <div><a>Mandatsabwicklung</a><a></a></div>
    <div><a>Vakanzmeldung</a><a></a></div>
    </div>
<div></div>
<div></div>
<div><img></div>
<div><img></div>
<div></div>
<div><img></div>
<div>
  <div>
    <img>
  </div>
  <div><img></div>
</div>
<div>
  <form>
    <input>
    <input>
  <br>
   <input type="radio" name="chkCSearch" value="Button1" <php>>
                  <span><strong>Alle</strong> <strong>Suchbegriffe</strong> m&uuml;ssen zutreffen <font><font><font> <font><font>
                  <input type="radio" name="chkCSearch" value="Button2" <php>>
                  </font></font> </font></font></font> <strong>Einer der</strong> <strong>Suchbegriffe</strong> muss zutreffen - (Trennung durch Leerschlag.) </font></font></span>                  </span>
</div>
<div>
   <php>
</div>
<div>
   <div>
      <div>
          <img>   
        </div>
       <div>      
        </div>
       <div>
           <div>
               <span>IT Recruitment GmbH | Tödistrasse 48 | 8002 Zürich | ++41 44 201 42 70 | info@itjob.ch</span>
              </div>   
        </div>
   </div>
</div>

An was könnte das alles liegen? Ist ein wenig unübersichtlich ich weiss, aber ich muss die Seite in IE6 zum laufen bringen. Währe echt froh wenn mir jemand helfen könnte

Danke Vielmals
Gurgel