entro: Mehrspaltige CSS-basierte Layouts

Beitrag lesen

Hallo liebe Community,

ich habe mal eine Anfängerfrage zum Thema Webdesign und CSS. Meine Webseite besteht aus einem Bereich "float:left; width:161px;", einem Bereich "float:right; width:310px;" und einem Bereich ohne width-Angabe in der Mitte.
Ich möchte die Seite nun so vielen Menschen wie möglich
zugänglich machen. Leider tritt jetzt bei Browsern, die min-width nicht interpretieren folgendes Problem auf. Bei einer Auflösung von 800*600 werden die Inhalte des mittigen Bereiches nach unten verschoben, was ja im Prinzip gar kein Problem ist,
denn er wird ja trotzdem angezeigt.
Leider ist es mir aber nun nicht möglich eine minimale Breite für
den nach unten verschobenen Bereich anzugeben (auch nicht mittels 1px_spacer).
Der Spacer wird zwar in der richtigen Breite
angezeigt, aber die anderen Div's werden trotzdem "zerdrückt".
Bsp.:
<div id="mainpage_center">
   <img src="/img/1px_transparent.gif" alt="" height="1px" width="450px" />
   <div class="content">
      Inhalt (runtergerutscht, zerdrückt)
   </div>
</div>

Wie lösen solche Probleme die Profis? Ich denke ich bin doch noch zu sehr von den tables beeinflusst...

Viele Grüße
entro