Re: [WSG] Equidistant floats in a container

[Todd Budnikas]

I need to float elements in a container so that they have the same
margin between them.

I've seen somewhere a technique how this can be done without  
additional
classes, but can only remember part of it.

This works in Firefox and Chrome, but not in both IEs:
<div ...>
        <ul>
                <li>content...</li>
                <li>content...</li>
                <li>content...</li>
                <li>content...</li>
                <li>content...</li>
                <li>content...</li>
        </ul>
</div>

CSS: I want a 3px margin between the elements:
ul {list-style-type:none;margin-left:-3px}
ul li {float:right;margin:0 0 3px 3px}

While FF and Chrome show me the intended 3 elements x 2 row array in  
the
container div, both IE show a 2x3 matrix. Somehow they get the margin
wrong, but I cannot remember how to cure this.

Any ideas?

If i understand correctly, you may want to add a width to both the UL  
and the LI items:
ul {list-style-type:none;margin-left:-3px; width:600px;}
ul li {float:right;margin:0 0 3px 3px; width:196px;}

That should make sure that 3 list items fit inside the 600px wide UL  
before wrapping to the next line. Would be easier to say for sure if  
there was some code to view. 


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************