div boxen sollen sich anpassen

[Der Martin L.]

hast ja recht... ;-)

also relevantes html

<!--<div id="seitenbereich">-->
<div id="kopfzeile"></div>
<div id="navi">
<img class="btn" src="bilder/btn/btn_home.gif" />
<img class="btn" src="bilder/btn/btn_gaestebuch.gif" />
<img class="btn" src="bilder/btn/btn_download.gif" />
<img class="btn" src="bilder/btn/btn_impressum.gif" />
<img class="btn" src="bilder/btn/btn_danksagung.gif" />
</div>
<div id="inhalte">hallo welt noch css und ich bin schlecht aaaaaaaargh</div>
<div id="fusszeile"></div>
<!--</div>-->

und hier die css datei:

body
 {
  background-image:url('bilder/bg.gif');
  }

#seitenbereich
  {
  width:780px;
  height:700px;
  margin:0;
  }

#kopfzeile
  {
  background-color:#ff0000;
  border-bottom:1px solid black;
  width:780px;
  height:100px;
  }

#navi
  {
  background-color:#55aaff;
  float:left;
  text-align:center;
  width:220px;
  height:500px;
  }

#inhalte
  {
  float:left;
  /*width:100%;*/
  height:500px;
  background-color:#ff00ff;
  }

#fusszeile
  {
  clear:both;
  background-color:#ff0000;
  border-bottom:1px solid black;
  width:780px;
  height:100px;
  }

.btn
  {
   margin:5px;
   width:159px;
   height:45px;
  }

dabei kann man kopf und fußzeile rauslassen die hab ich noch überhaupt nicht bearbeitet... ich bin halt momentan beim inhalt und ich teste immer in drei ansichten IE, Firefox und intern bei Phase 5.

Wenn ich jetzt float:left; da eingebe (so wie es da steht, dann nimmt sich die box genau den platz den sie braucht um den text zu erfassen....und sie schmiegt sich schön an die navi leiste

Wenn ich float:left; weglasse, dann nutzt die box allen platz den sie noch nach rechts hat nur anschmiegen tut sie sich nicht mehr zumindest nicht im IE und intern bei Phase 5 im Firefox geht alles....

beim IE und phase 5 sind so ca 5 pxl abstand zwischen den beiden divs navi und inhalt.....

O gott ich hoffe man versteht das einigermaßen ich entschuldige mich jetzt schon ;-) aber eure hilfe ist echt toll