Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.
Seiten: 1
#1 24. Januar 2011 13:33
- piratos
- Gast
[GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Spaltenaufteilung mit gleichen Höhen
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:
<div id="drei" class="group">
<div class="col"> {$block1}</div>
<div class="col"> {$block2}</div>
<div class="col"> {$block3}</div>
</div> 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.
#2 24. Januar 2011 13:48
- owr_web
- Server-Pate
- Registriert: 16. Dezember 2010
- Beiträge: 543
Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Spaltenaufteilung mit gleichen Höhen
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;
Offline
#3 24. Januar 2011 14:57
- piratos
- Gast
Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Spaltenaufteilung mit gleichen Höhen
1. http://www.quirksmode.org/css/display.html
2. es geht um die gleiche Höhe nicht um die Aufteilung als solches.
Seiten: 1