My Bottomless Pits now vary.
In this series, I have put the leftmost dark border, and the leaves that run alongside it in the (body) background image, that is, the one that covers the entire page The rightmost dark border, I have tried in various columns.
Perhaps my difficulties are related to nesting, divs, I do believe, and display: inline, or block.
I went back to Template121, where column three lay properly alongside column two, though I had other problems with that one.
As always, if you can discover what my error is, or rather, as I now suspect, what my multiple errors are, I'd be delighted to have your help.
I think I have several errors.
Just because I nest one div inside another apparently doesn't mean the nested divs appear on the page inside the other.
I have no idea why not.
I thought I had a fair grasp on block elements and inline elements, but that seems not to be so.
Maybe my next task is to go to W3Schools and see what I can learn there, though I'll probably have to alter their examples to validate as XHTML 1.0 Strict.
Here are links to my current, still-failing, efforts.
Needs a lot of fine-tuning
I still haven't figured this out yet.
Not fully. It works, though.
More thanks to MstrBob for more help!
The difficulties have to do with containers, nesting, calculating widths and margins and padding, and making room for that pesky vertical navigation to lie alongside the content.
Now that I've apparently solved the problem (crossing my fingers that it won't come back), it's beginning to be funny, instead of a bit depressing.
Big page-editing job ahead - well, I'll convert one page at a time to the new layout.
Oh, yeah, I'll also hope to abdicate some of my former Mover-Shaker Syndrome, so as not to have to edit all the main pages all over again because suddenly I decide again I don't like the layout.
(Attempting to resolve not to change the layout again for quite some time to come)
Last modified on
Saturday, 05-Sep-2009 16:57:56 PDT
It is now
Sunday, 19-Sep-2010 02:43:21 PDT