It's a nice thing when you can have a single layout that can be used
differently by adding styles. Sometimes that means adding containers
(divs) that can be used or not.
<div class="some_container">
<div class="styles for top or left of box"></div>
box contents, typically "some_container" would be a floated column and
would contain headings, paragraphs, images...
<div class="styles for bottom or right side of box"></div>
</div>
Those "styles" will usually be a background image or perhaps a border.
Something more here:
http://www.schillmania.com/projects/dialog2/
Who is doing similar things to add the little polish touches? Have you
settled on a standard? What is that?
On a slightly different note:
I've always had trouble with the standard box model ignoring padding and
borders when accounting for widths, but you can do something like this:
<div id="container">
<div id="column_1"> <!-- Set widths and margins-->
<div class="inside"><!-- Set padding and borders -->
content here
</div>
</div>
<div id="column_2">
<div class="inside">
content here
</div>
</div>
....
Now, widths and margins can be set for column_1 and column_2 (which
can be floated), and padding and borders can be set for "inside" using a
descendant of it's parent. If you adjust padding or borders (which is a
common design thing to do), then the width remains the same, you don't
have to go back and recalculate widths.
Is anyone with me on this, or is there a flaw here? I tried bringing
this up in the html groups but just got ridiculed there. If this group
feels the same way, I'll just give up.
Jeff