Ein weiteres mal: 2 Spalten, CSS, Div-Container, Float

Status
Nicht offen für weitere Antworten.

GonzIlla

Grünschnabel
Hallo,

ich habe folgenden Seitenaufbau:

HTML:
<!--...-->
  <head>
    <style ...>
      #content { padding:10px; }
      #content #left { min-width:225px; width:20%; float:left; }
      #content #main { padding-left:10px; float:right; }
    </style>
  </head>
  <body>
    <div id="content">
      <div id="left">Linke Spalte</div>
      <div id="main">Content</div>
    </div>
  </body>
<!--...-->

Doch so geht es irgendwie in keinem Browser. Die rechte Spalte (#main) verschiebt sich immer unterhalb der #left-Spalte und hat auch nicht die gewünschte Größe... :(

Die #left-Spalte soll eben 20% des Platzes einnehmen, aber mindestens 225px. Die #main-Spalte soll eben (mit 10px Abstand von #left) den Rest des Bereiches einnehmen. Das ganze soll eben mit 10px von allen Rändern abstehen...

Aber es will einfach nicht... :(

Danke im voraus,
MCXSC
 
Zuletzt bearbeitet:
Hi,

mit dieser Regel nimmt das DIV #main die verbleibende Breite im Anzeigebereich von #content ein:

Code:
#content #main { padding-left:10px; margin-left:21%; }
 
Hallo!

Du weisst aber schon dass min-width erst ab dem IE7 unterstützt wird?
Siehe auch SelfHTML.

Ich persönlich bin der Meinung dass man den IE6 noch nicht zu den "vernachlässigbaren" Browsern zählen sollte.

Gruss Dr Dau
 
Status
Nicht offen für weitere Antworten.
Zurück