[WSG] Lineup divs without using left and right?
Aloha, I am currently messing around, and writing a simple template, and was wondering if there is a way to lineup 5 divs on a single line without using the left and right css properties. The template i'm messing around with is here: http://oxiserve.com/misc/test/ . Thanks in advance. Love, Mike Bailey ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Lineup divs without using left and right?
mike bailey wrote:
I am currently messing around, and writing a simple template, and was
wondering if there is a way to lineup 5 divs on a single line without
using the left and right css properties.
In other words, you don't want to use absolute positioning. How's about:
.fiveInRow {
float : left;
width : 20%;
}
A possible problem you need to be aware of is that sometimes IE doesn't
seem to add correctly and:
20% + 20% + 20% + 20% + 20% 100%
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Lineup divs without using left and right?
Mordechai Peller wrote: A possible problem you need to be aware of is that sometimes IE doesn't seem to add correctly and: 20% + 20% + 20% + 20% + 20% 100% remember that the above is also true for other browsers if margin, padding and border are anything but zero (in the correct box model) -- Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Lineup divs without using left and right?
Patrick H. Lauke wrote: remember that the above is also true for other browsers if margin, padding and border are anything but zero (in the correct box model) In Firefox, last I checked, 5x(1%+18%+1%) will equal 100%, so margins, etc, aren't a problem if you account for them. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
