Re: [GELÖST] Spaltenaufteilung mit gleichen Höhen

dummy@example.com (piratos) — Mon, 24 Jan 2011 13:57:46 +0000

1. http://www.quirksmode.org/css/display.html
2. es geht um die gleiche Höhe nicht um die Aufteilung als solches.

Re: [GELÖST] Spaltenaufteilung mit gleichen Höhen

dummy@example.com (owr_web) — Mon, 24 Jan 2011 12:48:18 +0000

ich weiß nicht ob es auch bis zum IE 5.5 runter läuft, aber ich lös das relativ einfach mit
einem div mit: display:table;

[GELÖST] Spaltenaufteilung mit gleichen Höhen

dummy@example.com (piratos) — Mon, 24 Jan 2011 12:33:30 +0000

Das ist immer ein beliebtes Thema - Aufteilung eines Bereiches mit gleicher Höhe.

Das habe ich für mich komplett gelöst.

CSS-Beispiel:

#drei { 
            overflow: hidden;
            
            background-color: #ffffff;
            background-image: -moz-linear-gradient(
                left, 
                #ffffff, 
                #ffffff 33.2%,
                #ffffff 33.2%,
                #ffffff 66.4%,
                #ffffff 66.4%,
                #ffffff 100%
            );
            
            background-image: -webkit-gradient(
                linear,
                left top,
                right top,
                
                color-stop(0, #ffffff),
                color-stop(33.2%, #ffffff),
                color-stop(33.2%, #ffffff),
                color-stop(66.4%, #ffffff),
                color-stop(66.4%, #ffffff),
                color-stop(100%, #ffffff)
            );   
        
        }
        #drei .col {
            width: 30%; float: left; padding: 1.6%;
        }

html- Template:

 
 {$block1} 
 {$block2} 
 {$block3}

Beispiel zu sehen:

http://innovativewebsites.de/index.php?2

Und - das wichtigste - läuft runter selbst bis zum gammligen IE 5.5

Test unter : http://meineipadresse.de/netrenderer/index.php

Die Angaben entsprechen einem Fluid - System, die Wrapper - Breite ist jedoch fix eingestellt, so das die Prozentangaben stets auf gleiche Breiten hinaus laufen.

Informationen für CMS/made simple / [GELÖST] Spaltenaufteilung mit gleichen Höhen

Re: [GELÖST] Spaltenaufteilung mit gleichen Höhen

Re: [GELÖST] Spaltenaufteilung mit gleichen Höhen

[GELÖST] Spaltenaufteilung mit gleichen Höhen