✔ Positionierung des Inhalts

[baeckerjunge]

Hallo ich habe heute mein neues Layout fertig gestellt.
Das Problem ist dass der Inhalt im IE relativ tief weit unten
angezeigt wird beim FF klappt jedoch alles.
Hier nen Link: http://www.baeckerjunge-online.de
Ich habe alles was mir einfällt schon ausprobiert.
Mir scheint dass der Inhalt dort anfängt wo die Navigation aufhört.
Eine Idee habe ich noch: In der Seite ist folgender CSS Teil:

<!--[if IE]>
#spalte_rechts{
height:420px;
width:525px;
margin-top:0px;
}
<![endif]-->

Kann ich das darüber regeln ? Über Hilfe wär ich dankbar !

 

[Maik]

Hier der Lösungsvorschlag für das DIV#spalte_rechts:

#spalte_rechts{
        width:495px;
        margin:0 10px 0 160px;
        padding:10px 10px 4em 10px;
        background:#ffffff;
        min-height:310px;
}

Da im Boxmodell die padding-Angaben zur Breiten- und Höhenangabe hinzuaddiert werden und so die tatsächliche Element-Breite / -Höhe ergeben, habe ich den linken und rechten Innenabstand von den ursprünglichen 515 Pixel abgezogen.

 

[baeckerjunge]

Hallo,
ich habe das testweise eingefügt - da tut sich dennoch nichts.
Selbst als ich dem Div 'Spalter rechts für den IE testweise eine andere
Hinterdrungfatrbe verpasst habe hat das div sich völlig unbeeindruckt gezeigt...

Hier jetzt der aktuelle Code:

<!--[if IE]>
#spalte_rechts{
        background-color:#F1F1F1;
        width:495px;
        margin:0 10px 0 160px;
        padding:10px 10px 4em 10px;
        background:#ffffff;
        min-height:310px;
}
<![endif]-->

 

[Maik]

Die Conditional Comments werden nicht in der CSS-Datei blau.css notiert

<link rel="stylesheet" type="text/css" href="css/blau.css" />
<!--[if IE]>
<style type="text/css">
#spalte_rechts{
        background-color:#F1F1F1;
        width:495px;
        margin:0 10px 0 160px;
        padding:10px 10px 4em 10px;
        background:#000;
        min-height:310px;
}
#box{
        width:700px;
}
ul.subnavigation{
margin-left:                        10px;
}
ul.subnavigation li{
        margin:                              0 0 0 -10px;
        voice-family:                         "\"}\"";
        voice-family:                        inherit;
        margin:                                        0;
}
</style>
<![endif]-->
<!--[if lt IE 5.5]>
<style type="text/css">
ul.subnavigation li{
        margin:                              0 0 -5px -10px;
}
</style>
<![endif]-->

 

[baeckerjunge]

Ok danke das wars