On Thursday, April 01, 2010 10:06:52 pm T. R. Valentine wrote:
> Is this a case of divitus?
> There are six <divs>s for the overall background image plus one for
> the bookmark image (which I foresee using for a menu). Too much? Is
> there a simpler way of accomplishing the same thing? I like the
> layout's flexibility (the background adjusts to the amount of text
> lengthwise and widthwise, but is never shorter than a bit past the
> bookmark image).
> Any help/suggestions appreciated.
This isn't too bad, really. The 6 empty divs are all serving a unique purpose
that couldn't be served by anything less. The 8 div flexy box (which this is
just a variant of) is fairly well established.
But you could remove at least one div, maybe two, elsewhere.
#header could go away. if you increase the bottom padding on the h1 and set
the background color on it instead, you get the exact same effect.
The bookmark div could be changed to a ul instead, if you're planning on
putting a menu (and only a menu) in it. If you want to have multiple things
in there, keep the div.
The other thing you might do is set a max-width on the content. In a
maximized browser window at 1280x1024, the lines get too long to be
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/