Mal wieder: dreispaltiges CSS layout

[ff-webdesigner]

problemstellung: dreispaltiges css layout, mittlere spalte fixe breite, links und recht sollen jeweils den halben rest der verbleibenden bildschirmbreite ausfüllen.

ich brauche genau das. nichts anderes. grund: in der linken spalte solle ein nahtlos an den linken rand der mittleren spalte anschliessende hintergrundgrafik untergebracht werden. und warum nicht fixe breite für alle? mittlere ist 1000px. deswegen. die hintergrudngrafik soll, praktisch teils aus dem bildschirm rausfliegen, wenn die auflösung kleiner 1280 ist, ohne horizontale scrollleiste.

jemand ne idee?

meine bisherige überlegung ist glaub ich gar nicht schlecht...
http://ff-webdesigner.de/chili2/layout.html
die breite der hp ist 1000px, der hintergund rechts hat nochmal 105px aber alle aktuellen browser denken, der erde-hintergrund gehört nicht mehr zu breite (horizontaler scrollbalken wird erst eingeblendet wenn breite < 1000)

getestet in ie8, ff3, aktuelle versionen opera und chrome.
leider bringen die netrenderer für ie nix, da ich ja scrollen können müsste.
wer noch ie7, ie6 oder ie5 hat: könnt ihr mal testen was passiert wenn man die breite verändert?

zur technik: einfach 1000px wrapper um alles. im bereich unter roter bar eine div relativ positioniert mit left:-105, float left. main div ist dann mit negativem rand -105 plus float left und 1000px breite. und genau die combo -105/1000 auf letzter div müsste eigentlich bis ie6 zicken...

<div id="all">
<div id="head"></div>
<div id="head-nav"></div>
<div id="body">
<div id="earth-back"></div>
<div id="main">main</div>
<div class="clear"></div>
</div>
</div>

#body {
margin: auto;
border-right: 1px solid #000066;
border-left: 1px solid #000066;
width: 998px;
}

#earth-back {
background: url(earth_side.jpg);
height: 587px;
width: 105px;
position: relative;
float: left;
left: -106px;
}
#main {
background: #FFFFFF;
float: left;
width: 998px;
clip: rect(auto,auto,auto,105px);
margin-left: -105px;
height: 500px;
}

[zulujaner]

leider bringen die netrenderer für ie nix, da ich ja scrollen können müsste.
wer noch ie7, ie6 oder ie5 hat: könnt ihr mal testen was passiert wenn man die breite verändert?

Ähm, kennst du den IETester nicht?

Alles drin: IE5.5, IE6, IE7, IE8 und alles zur gleichen Zeit. In jedem Tab ein anderer IE. Super DIngens.

Und hier noch Safari für Windows. Auch nicht schlecht zum testen.

[ff-webdesigner]

ja potz blitz für den link! noch nie davon gehört, super geniales teil.

es gibt kleine fehler, abstürze...aber ansonsten rockt das ding :-)

hat jemand ne ahnung wie weit es um die korrekte js-implementation des ie 5.5 bestellt ist?
da schmeisst mir der ietester einige fehler mit dem dyn. menu

[mogidala]

keine ahnung, aber auf den 5.5er würd ich nen dicken fetten haufen setzen - mach dir nicht die mühe, dafür zu optimieren!