Bewerber: Warum funkt dieses CSS mit Opera, aber nicht mit dem IE /NN?

Hallo,

habe mein CSS-Layout auf 3 Spalten geändert. Es funktioniert mit Opera, aber nicht mit dem IE oder NN. Warum?

CSS:

html {
height : 100%;
margin : 0;
padding : 0;
vertical-align : 50% 50%;
}
body {
background-color : #c0c0c0;
height : 100%;
padding : 0;
text-align : center;
}
.backg {
min-height : 100%;
width : 780px;
position : relative;
margin : auto;
background-image : url("../images/backg.gif");
}
.forms {
min-height : 100%;
width : 760px;
position: relative;
margin : auto;
background-color : #003399;
}
.navbar {
background-color : #003399;
width : 160px;
min-height : 100%;
margin : 0;
padding : 0;
float : left;
overflow : auto;
position : fixed;
}
.right {
width : 50px;
height : 100%;
top : 2px;
left : 714px;
margin : 0;
padding : 0;
float : right;
position : fixed;
}
.body {
background-color : #ffffff;
top : 0;
left : 160px;
right :50px;
width : 544px;
min-height : 100%;
margin : 0;
padding : 0;
overflow : auto;
position: relative;
}

HTML:

<div class="backg">
<div class="forms">
<div class="navbar"></div>
<div class="right"></div>
<div class="body"></div>
</div>
</div>

Kann mir jemand helfen?

MfG,
Bewerber

  1. Hi,

    habe mein CSS-Layout auf 3 Spalten geändert. Es funktioniert mit Opera, aber nicht mit dem IE oder NN. Warum?
    CSS:

    vertical-align : 50% 50%;

    Was soll das? vertical-align darf nur einen Wert haben.

    float : left;
    position : fixed;

    'float'
        Applies to:   all but positioned elements and generated content

    also: entweder position:fixed oder float:left bzw. float:right

    Kann mir jemand helfen?

    Vielleicht könntest Du ja mal sagen, was nicht funktioniert?

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/