CSS-opsætning af side

<ole>

Browseren forstår ikke, hvad du vil - og det er der nok heller ikke andre, der gør.

Du er nødt til at mene det, du fortæller browseren, den skal gøre. Det nytter ikke, du fortæller browseren, hvor brede elementerne skal være, når du ikke mener det alligevel  =)

/mvh
</bole>

Jeg går ud fra at det du ønsker er et 2 column layout, hvor én er med fast bredde og én med variable bredde.

Sådan du har beskrevet det overfor, vil bredden af de to columns blive bredere end den tilgængelige vinduesbredde hvis [vinduesbredden minus 155px er større 80% af vinduesbredden], og det sker som du beskriver når man gør vinduet mindre.

Layout med float property'en virker (så vidt jeg ved) kun hvis man enten holder sig til faste bredde værdier eller til variable værdier, men ikke i kombination.

En måde man kan kombinere faste og variable størrelser er ved bruge position property'en.

<div id="content">
  <div id="kolonne"> </div>
  <div id="broed"> </div>
</div>

#content {
position: relative;
}

#kolonne {
position: absolute;
width: 155px;
top: 0;
left: 0;
}

#broed {
position: relative;
margin-left:155px;
}

#kolonne bliver med position:absolute hevet ud af det normale contentflow, de andre elementer ignorerer den og vil potentielt lægge sig under dette element i designet. Derfor tilføjer med kolonnens bredde som margin i #broed.

#content skal have position:relative, da det er parent-element til #kolonne. Dermed bliver #content det nulpunkt som det flydende #kolonne retter sig efter (pga. position:absolute), med henholdsvis top:0 og left:0.

Det er også smart at give #broed position:relative, hvis man inde i #broed elementet vil benytte position property'en til andet layout.

Denne løsning har (som alle css layout modeller) nogle problemer. Den mest graverende er at de to columns ikke får samme højde. Og hvis #kolonne elementets bliver højere end #broed, vil #kolonne rage ned over efterliggende elementer, såsom en #footer.
Der findes måder at omgå dette problem.
Typisk kan man 'fake' at de bliver lige høje med baggrundsbilleder (fx give #broed et baggrundsbillede på 1px høj (med repeat-y), der i bredden de første 155px har en farve (som baggrund til kolonnen) og resten en anden farve (som baggrund til broed)).

Det med at kolonnen kan flyde over, kan jeg ikke huske løsningen på i hovedet, men jeg kan anbefale at kigge følgende side efter i koderne:
http://www.tanfa.co.uk/css/layouts/css-multi-column-layout-ap2.asp
eller google "2 column css layout"