Sprungmarken

Metanavigation

Schlagworte:

Faux Columns mit CSS in der Variante “Strict”

Alle Spalten browserübergreifend auf gleicher Höhe

IE5.5 und IE6 stable Version für min-width:700px; bei fluidem Layout.

Vorschau Tutorial

Diese Variante kommt mit relativ wenig Quelltext aus und benötigt keine separate CSS-Datei für den Internet Explorer. Alle Hacks (es sind schon einige) können innerhalb der “normalen” CSS-Datei untergebracht werden. Klicke auf das Bild oder hier, um eine Vorschau zu sehen b.z.w. um von dort die HMTL-Langfassung zu übernehmen.

Den CSS-Code mit hilfreichen Kommentaren findest Du durch CSS Code einsehen" href="tut/style.css">direkten Aufruf der Datei.

Fix IE5.5 und fix IE6 für min-width

Ein Dankeschön an Matthias Pelzer für die Idee mit dem zusätzlichen Wrapper. Der Internet Explorer kleiner 7 kennt die Anweisung min-width nicht. Mit Hilfe einer Komposition aus Border und Negativ-Margin-Anweisung kann sich nun auch dieser an einer stabilen Lösung erfreuen.

HTML Code Kurzfassung

<div id="wrapper">
   <div id="wrapper-inner">
      <h1></h1>
      <div id="right"></div>
      <div id="main">
         <div id="left"></div>
         <div id="content">
            <br class="clear" />
            <div class="clear">Seitenanfang</div>
         </div>
       </div>
   </div>
  <div id="footer"></div>
</div>

Astrid Schäfer