nicht angemeldet
Mehrspaltige CSS-basierte Layouts
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
-
Hallo,
Wie lösen solche Probleme die Profis? Ich denke ich bin doch noch zu sehr von den tables beeinflusst...
Ja das bist du, vor allem mit dem spacergif ;-)
Schau dir einfach erst mal das Beispiel in SELFHTML an.
Grüße
Jeena Paradies-
Hi,
Schau dir einfach erst mal das Beispiel in SELFHTML an.
genau da tritt das Problem ja auch auf, sobald der Browser min-width nicht verarbeitet.
Wenn man dort das Fenster sehr stark verkleinert, wäre es doch schön, wenn die mittlere Box nach unten "wegklappt" und dort dann aber wieder die volle Breite einnehmen könnte. Kann man das irgedwie realisieren?
viele Grüße
entro-
Hi,
genau da tritt das Problem ja auch auf, sobald der Browser min-width nicht verarbeitet.
ein Zusammenschieben im IE sollte hier durch einen nicht umzubrechenden Text vermieden werden können - z.B. white-space:nowrap für die Überschrift.
Wenn man dort das Fenster sehr stark verkleinert, wäre es doch schön, wenn die mittlere Box nach unten "wegklappt" und dort dann aber wieder die volle Breite einnehmen könnte. Kann man das irgedwie realisieren?
ja - allerdings leider nur mit Javascript. Verkleinere das Fenster bei meinen Seiten bis der Inhaltsbereich unter die Navigation rutsch und lade die Seite dann neu.
freundliche Grüße
Ingo
-
-