div Bereich verschoben?

[chrisdo]

http://www.solin.ch/

Wie bringe ich den Inhalt auf die gleiche Höhe wie der linke div-Bereich, ohne position: absolute ???

Der dazugehörige CSS-Code:
CODE #content {
width: 850px;
height: auto;
border: 1px solid;
border-top: none;
float: left;
}
#rightbar {
width: 181px;
heigth: 200px;
padding: 10px;
background-color: #FBFF8F;
z-index: 2;
float: left;
}
#c_text {
width: 628px;
margin-left: 201px;
padding: 10px;
float: right;
border-left: 1px solid;
z-index: auto;
background-color: #FFF570;
}

 

[Jörg Kruse]

Anscheinend benötigt der IE 3px mehr Platz in der Breite; wenn man #c_text auf 625px verkleinert und das float: right; rausnimmt, passt es

CODE
#c_text {
width: 625px;
margin-left: 201px;
padding: 10px;
border-left: 1px solid;
z-index: auto;
background-color: #FFF570;
}



allerdings zeigen die Browser dann an unterschiedlichen Stellen einen 3px breiten weißen Rand an

 

[chrisdo]

hmm im Firefox zeigt es jetzt richtig an, aber im IE nicht, wieso eigentlich?

http://www.solin.ch
Nochmals der Link.

 

[Jörg Kruse]

Ich würde float:left nicht für #linkbar nehmen, sondern für den übergeordneten Container #bar

CODE
#bar {
width: 181px;
border-bottom: 1px solid;
float: left;
}
#linkbar {
padding-top: 10px;
width: 181px;
z-index: 3;
}

 

[chrisdo]

Vielen Dank es funktioniert jetzt alles.