Boxenmodell im Internet Explorer

[handballer1]

Moin zusammen;
Ich habe für ein Schulprojekt eine Seite zusammengebastelt;
GaTuM
Dort habe ich nun das Problem das der Internet explorer 6&7 meine boxen nicht richtig anordnen.



Musterdarstellung:

Wie kann ich mir da behelfen; das die Seite im IE richtig dargestellt wird.

style.css gekürzt ohne Sachen wie @font-face und so

body {
    background-color:#f5f6d4;
}
#main {
  position:absolute;
  top:50%;
  left:50%;
  width:30em;
  height:20em;
  margin-left:-15em;
  margin-top:-10em;
  border-style:solid;
}
#center {
  position:absolute;
  top:50%;
  width:30em;
  height:10em;
  margin-top:-5em;
  background-color:#85DB18;
  }


#navioben {
  width:30em;
  height:5em;
  float:left;
  background-color:#cde855;
  }
#navi1 {
    width:10em;
    height:5em;
    float:left;
    }
#navi2 {
    width:10em;
    height:5em;
    float:left;
    }
#navi3 {
    width:10em;
    height:5em;
    float:left;
    }

#naviunten 
    {
  width:30em;
  height:5em;
  margin-top:15em;
  background-color:#cde855;
  }
#navi4 {
    width:10em;
    height:5em;
    float:left;
    }
#navi5 {
    width:10em;
    height:5em;
    float:left;
    }
#navi6 {
    width:10em;
    height:5em;
    float:left;
    }
    
a {
    font-size:1.5em;
    color:#493f0B;
    font-family:AlphaEchoRegular;
}
a:visited {
color:#493f0B;}
.center {
        text-align:center;
        }
#logo {
        text-align:center;
        font-size:3em;
        color:#493F0b;
        font-family:BlackoutMidnight;
        text-decoration: underline;
        }

 

[pointX]

Hi,

ich hab kein IE 6/7 mehr, daher kann ich´s leider nicht testen.

Aber ich denke, dass das Problem hier irgendwo liegt:

#main {
  position:absolute;
  top:50%;
  left:50%;
  width:30em;
  height:20em;
  margin-left:-15em;
  margin-top:-10em;
  border-style:solid;
}
#center {
  position:absolute;
  top:50%;
  width:30em;
  height:10em;
  margin-top:-5em;
  background-color:#85DB18;
  }

Vielleicht einmal die Breiten / Höhenangaben verändern, border auf 0 setzten, margins verändern.
Ich könnte mir vorstellen, dass es dann klappt - wissen tu ich´s aber nicht.

Mfg.

 

[handballer1]

muss ich mal testen ich glaube mal sehen
zum testen: falls du es mal brauchst: https://browserlab.adobe.com/de-de/index.html#

 

[pointX]

Hi,

hast du auch einmal die Seite wirklich im IE 6 / 7 angeschaut ?
Das Adobe Tool ist zwar schön und gut, aber ganz vertrauen tu ich da drauf nicht.

Also teste es lieber mal "in echt" mit dem echten Browser.

Mfg.