Nix gut im Internetexplorer!!

[kochchef]

Also ich habe nach langem herumprobieren es endlich geschafft, meine Seite so einzustellen wie ich es haben möchte und das auch ohne frames wie bisher. Nur leider funktioniert das gar nicht im Internetexplorer sondern nur im Firefox!
kann mir einer von euch sagen, was ich falsche mache?

[Laus]

Hallo
Kann es sein das du -->diese Seite<--als Vorlage für deinen Code verwendet hast?
Wenn ja dann solltest du auch die Hacks für den IE mit in deinen Code einbauen.
Wenn nein ist diese Seite aber gut geeignet dir eventuell Anregungen zu holen um deinen Code zu modifizieren.

[kochchef]

kann sich das einer von euch nochmal angucken. ich bin jetzt langsam am verzweifeln.
ich habe tatsächlich nach dieser vorlage meinen code gemacht, mit einem unterschied. bei mir gibt es innerhalb des content noch einen icontent, der nichts anderes macht, als den abstand vom text zum rand zu regeln.... wusste keine bessere möglichkeit.
auf jeden fall wird die seite im inetexplorer immer noch nicht genau so angezeigt wie im firefox... grrr

[Laus]

Um dein Menü im IE richtig anzuzeigen kannst du dies verwenden.

Code: Alles auswählen

* html #menu {
   position: relative;
   left:225px;
   top:-112px;
   z-index:6; }

Jetzt macht nur noch der IE7 Probleme

[Laus]

Habs jetzt nochmal kurz durchgesehen und einiges verändert. Müsst so jetzt auch im IE6 und IE7 richtig dargestellt werden.

Code: Alles auswählen

html {
   height:100%;
   max-height:100%;
   font-size: 8pt;
   padding:0;
   margin:0;
   border:0;
   /* hide overflow:hidden from IE5/Mac */
   /* \*/
   overflow: hidden;
   /* */
   }

p,h2   {
   font-family: Arial, Helvetica, Sans-serif;
   font-style: normal;
   font-size: 8pt; color:#000000;
   }
a {
   font-family: Arial, Helvetica, Sans-serif;
   font-weight: bold;   font-size: 10pt;
   color: #666666; Background-color:#ffffff;
   }

h1  {font-family: Arial, Helvetica, Sans-serif;
   font-weight: bold; font-style: normal;
   font-size: 17pt; color:#666666;}
h2 {
   font-weight : bold;
}
#menu a {
   border:0;
}

body {
   height:100%;
   max-height:100%;
   overflow:hidden;
   padding: 0;
   margin: 0;
   border: 0;
   font-family: Arial;
   font-size: 8pt;
   background: #ffffff url(../images/bgrand.gif);
   scrollbar-face-color:       #ffffff;
   scrollbar-shadow-color:    #F5F5F5;
   scrollbar-highlight-color:    #ffffff;
   scrollbar-3dlight-color:    #000000;
   scrollbar-darkshadow-color: #EAEAEA;
   scrollbar-track-color:       #ffffff;
   scrollbar-arrow-color:       #ffcc00;
}
#top {
   position:absolute;
   margin-left:-390px;
   left:50%;
   top:0;
   width:780px;
   min-width:780px;
   height: 141px;
   background: #ffffff url(../images/strich_top.gif);
   z-index:5;
}
#content {
   display:block;
   overflow:auto;
   position:absolute;
   z-index:3;
   top:141px;
   width:780px;
   max-width:780px;
   margin-left:-390px;
   left:50%;
   bottom:0px;
   background: #ffffff url(../images/bgplan.gif) no-repeat top center;
   background-attachment:fixed;
}

* html #content {
   top:0;
   bottom:0;
   height:100%;
   width:780px;
         border-top:141px solid #fff;
}

#icontent {
   width:700px;
   max-width:700px;
   padding:25px;
   padding-left:35px;
}
* html #icontent {
         height:100%;
         width:700px;
}
#menu {
   position: relative;
   left:265px;
   top:-100px;
   z-index:6;
         float:left;
}
* html #menu {
   position: relative;
   left:265px;
   top:-95px;
   z-index:6;
}

#menu ul li{   display: inline;
         list-style:none;
}
#menu ul li a {

         border:0px;
         position: absolute;
   left:50px;
         display: block;
   padding-top:30px;
   z-index:6;
}
ul li .men1{
   background: url(../images/menu/portrait.gif) no-repeat top;
   width:90px; border:0px;
   z-index:6;
}
ul li .men2{
   background: url(../images/menu/projekte.gif) no-repeat top;
   margin-left: 97px;border:0px;
   width:103px;
   z-index:6;
}
ul li .men3 {
   background: url(../images/menu/referenzen.gif) no-repeat top;
   margin-left: 210px;
   width:135px;
   z-index:6;
}
ul li .men4 {
   background: url(../images/menu/kontakt.gif) no-repeat top;
   margin-left: 348px;
   width:100px;
   z-index:6;
}

Gruß Xaver