Michael Park wrote:
Basically, my intention is to create dynamic widths, evenly divided
amongst several columns totalling up to 100% of the containing div
(yes, this is more or less doable with tables, but I'm trying to
determine why this is so troublesome with divs).
When trying to make
50% + 50% isn't always exactly 100% ... you can expect 100% +/-1px,
Yup, that's why I thought maybe one of the ('overflow', 'margin',
'padding', 'border') css properties would do the trick. I guess not in
this case.
With line-ups like yours the easiest solution is to pull in the
Michael Park wrote:
With line-ups like yours the easiest solution is to pull in the
backside-margin on the last float, so the actual width becomes less
than the visual width...
Aha, so that's the trick. Interesting, I wonder why the 'overflow'
property doesn't come into play here
Michael Park wrote:
Basically, my intention is to create dynamic widths, evenly divided
amongst several columns totalling up to 100% of the containing div
(yes, this is more or less doable with tables, but I'm trying to
determine why this is so troublesome with divs).
Georg wrote:
With
colleen sullivan leh wrote:
Wouldn't setting each div to a width of 49%, floated left for the
first then floated right for the second also be a reliable cross-
browser solution?
Yes, but that would leave a 2% gap between the floats. In some cases
that's fine, in others not.
As long as
I've tried to explain this in more depth here...
http://www.gunlaug.no/contents/wd_additions_26.html
...and included as many links to examples and relevant internal and
external articles as I could think of.
Very cool, thanks again for your help with this Georg.
--Mike
Hi there,
I've been reading quite a bit about the various IE box model
float-related work-arounds, but I haven't encountered anything yet to
my knowledge that addresses or explains the issue that I'm seeing
with IE6/7 (thankfully, IE5.x is old enough to be out of the picture
for this project).