> -----Original Message----- > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On > Behalf Of Jens-Uwe Korff > Sent: Monday, September 08, 2008 4:40 PM > To: wsg@webstandardsgroup.org > Subject: [WSG] Equidistant floats in a container > > Hi all, > > 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}
This may help: http://css-tricks.com/equidistant-objects-with-css/ -- Regards, Thierry | http://www.TJKDesign.com ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************