I'm building a CMS site where the customer constructs the layout of
the pages.
The customer can vary the columns on the page in number and in width.
I've opted to use width:% for this. For example, a three column page
would look like:
<div style="width:auto">
<div style="float:left; width:25%">
Col1
</div>
<div style="float:left; width:50%">
Col2
</div>
<div style="float:left; width:25%">
Col3
</div>
<div style="clear:both"></div>
</div>
As soon as I add padding or borders to the columns, however, the total
width goes over 100%. Therefore, I changed one of the column widths to
auto. This works in IE but not in Firefox.
But I can set up the padding in another div inside each column. A
disadvantage, however, is that I cannot add a dividing vertical line
between the columns.
This a simple approach that is easy to code to allow customers the
flexibility in page layout.
I have researched the many suggestions on the web and am concerned
that my approach is naive rather than simple!
Any comments would be much appreciated.
Roger
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---
