✔ IE - div (relative) Positionierungs Problem

[soyo]

Hallo,

Es handelt sich um diese Internetseite: www.vivo-cabello.de
Auf der Startseite verschiebt sich das mittige Div-Element(Content) nocht nicht. Wenn ich jedoch auf die Computerberatung gehe verschiebt sich das Div um ca 80 Pixel nach unten. Ich kann mir das nicht erklären.

Hier ein Auszug aus der style.css:

#content {
  background: #FFF;
  position: relative;
  top: -94px;
  left: 255px;
  height: 401px;
  width: 438px;
  overflow-x: hidden;
  overflow-y: auto;
}
#text {
  margin: 3px;
}

Hier die kompletten Links zu den anderen CSS-Dateien, falls diese benötigt werden:
http://www.vivo-cabello.de/css/global.css
http://www.vivo-cabello.de/css/style.css

Es scheint sich um einen IE-spezifischen Fehler handeln, da nur dort der Fehler auftritt.
Wo liegt das Problem, bzw was habe ich falsch gemacht?

Gruß soyo

 

[Maik]

Hi,

versuch es mal mit diesem Stylesheet:

#content {
  background: #FFF;
  position: relative;
  margin-left:45px;
  margin-top:33px;
  height: 401px;
  width: 438px;
  overflow-x: hidden;
  overflow-y: auto;
}

#navigation {
  position: relative;
  top: 83px;
  left: 30px;
  height:126px;
  width: 210px;
  float:left;
}

und ersetze im "Conditional Comment" das Stylesheet folgendermaßen:

<style type="text/css" media="Screen">
      @import url("css/master.css");
</style>
<!--[if IE]>
<style type="text/css" media="Screen">
      #content { margin-left:253px; }
</style>
<![endif]-->

Das IE-spezifische Stylesheet wird zudem nach dem "normalen" Stylesheet aufgerufen, denn ansonsten wird diese Regel von der nachfolgenden wieder überschrieben.

 

[soyo]

Super, funktioniert sehr gut. Dank dir.

Gruß soyo