Ergebnis 1 bis 1 von 1

Thema: Faux Columns - ohne Grafik

  1. #1
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard Faux Columns - ohne Grafik

    Da das ganze so verbreitet ist, dachte ich mal ich präsentiere euch mal eine Alternative.

    Faux-columns: ohne Grafik bzw. Background-image. Bei einem Flüssigen Layout. Ja, es funktioniert sogar im IE6

    HTML-Code:
    <!DOCTYPE html>
    <html>
    
    <head>
    <title>3x Gleichhohe Spalten - ohne Tabelle - Beispiel</title>
    <style>
    body { width: 100%; margin: 0;}
    #right { background: red; width: 100%; }
    #middle { background: yellow; width: 66%; }
    #left { background: blue; width: 50%; overflow: visible; }
    * html #left { overflow: hidden; } /* IE6 Fix */
    
    #content_wrapper { width: 303%; }
    
    #content_left { position: relative; float: left; width: 33%; }
    #content_middle { position: relative; float: left; width: 33%;  }
    #content_right { position: relative; float: left; width: 34%; }
    
    .clear { clear: both; }
    </style>
    </head>
    
    <body>
    
    <div id="right">
        <div id="middle">
            <div id="left">
                <div id="content_wrapper">
                    <div id="content_left">
                        <p>Lorem ipsum</p>
                    </div>
                    <div id="content_middle">
                        <p>Lorem<br /><br />ipsum</p>
                    </div>
                    <div id="content_right">
                        <p>Lorem<br />ipsum</p>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    
    </body>
    </html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Grevas (09.08.2010 um 20:43 Uhr)

Ähnliche Themen

  1. Faux Column Problem
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 22.03.2009, 00:16
  2. divx mit faux columns - firefox und ie wollen beide nicht
    Von mr.tino im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 16.04.2008, 23:32
  3. Plone 3 main block columns
    Von schneebi12 im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 2
    Letzter Beitrag: 06.02.2008, 10:35
  4. tables, columns
    Von Finne im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 01.02.2007, 14:58
  5. faux columns
    Von GreenRover im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 14.09.2006, 15:22

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •