A tartalom div kitölti a rendelkezésre álló ablakot. A fix szélességű menü számára szükséges helyet a Folyékony oldalelrendezéshez hasonlóan, a baloldali 110 pixel széles margó biztosítósítja.
1. Példa:
Forráskód
...
<style type="text/css">
...
/* Változik a Folyékony elrendezéshez képest */
#tartalom { padding:5px 5px 5px 110px;}
#balmenu { width:100px; float:left;}
</style> ....
<body>
<div id="tarolo">
<header id="fejlec"> Webáruház neve és lógója </header>
<nav id="menu">Termékek | Vásárlás | Kapcsolatok </nav>
<div id="balmenu">
<br>
<b>Kínálat</b>
<ul>
<li>PC</li>
<li>Laptop</li>
<li>Táblagép</li>
</ul>
</div>
<div id="tartalom">
<p> Az oldal tartalma ... </p>
</div>
<footer id="lablec"> Céginfó, jogi info...</footer>
</div>
</body>
Eredmény*
Eredmény*
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: ketoszlopos_hibrid_webaruhaz.html