|
|
Posted by Jonathan N. Little on 12/08/05 23:22
Luigi Donatello Asero wrote:
<snip>
>>>The consequences can be understood better by trying to use it... and see
>>>what it happens.
>>>I assume that the alternative would be to use
>>>position:relative;
>>>
>>>
>>
>>No, 'position: irrelevant' unless you have a specific reason to do so.
>
>
> I want the display the boxes on the top
> (top left, top centre, top right)
> and
> (bottom left, bottom centre bottom right)
> However, it would be nice if they did not overlap...
>
FWIIW:
<style type="text/css">
#toplists UL, #bottomlists UL {
width: 25%;
float: left;
}
#bottomlists { clear: left; }
#listA { background-color: #F88; }
#listB { background-color: #8F8; }
#listC { background-color: #88F; }
#listD { background-color: #F8F; }
#listE { background-color: #FF8; }
#listF { background-color: #8FF; }
</style>
<div id="toplists">
<ul id="listA">
<li>One A</li>
<li>Two A</li>
<li>Three A</li>
</ul>
<ul id="listB">
<li>One B</li>
<li>Two B</li>
<li>Three B</li>
</ul>
<ul id="listC">
<li>One C</li>
<li>Two C</li>
<li>Three C</li>
</ul>
</div>
<div id="bottomlists">
<ul id="listD">
<li>One D</li>
<li>Two D</li>
<li>Three D</li>
</ul>
<ul id="listE">
<li>One E</li>
<li>Two E</li>
<li>Three E</li>
</ul>
<ul id="listF">
<li>One F</li>
<li>Two F</li>
<li>Three F</li>
</ul>
</div>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|