I hope I am not
starting to annoy anyone ;-))
<div style="width: 100%; border: 1px solid
red;">
Creates a area 100% wide, i.e. covering the width of the
viewing area, which is great.
<div style="position: relative; border: 1px solid black; width: 33%; display: inline;">Column 1</div><div style="position: relative; border: 1px solid black; width: 33%; display: inline;">Column 2</div><div style="position: relative; border: 1px solid black; width: 33%; display: inline;">Column 3</div></div>
The there are 3 divs
that all have a width of 33%, but they don't fill the 100% wide area covering
it. If working with tables this would have worked, why not in
CSS?
PS. I am new to
layout with CSS, I only discovered what INLINE does a couple of days ago ;-)) I
had always used CSS for style but never layout, always tried to keep it of for
as long as possible.... Today I decided it was the day to learn it, you guys are
the ones suffering for it ;-))
