[thelist] ROLL UP! ROLL UP! Who can convert this simple table layout to CSS?

Will willthemoor at gmail.com
Thu Jul 28 14:18:43 CDT 2011


On Wed, Jul 27, 2011 at 3:35 AM, confusticate at gmail.com <
confusticate at gmail.com> wrote:

>
> Simplified div-based test page: http://snipurl.com/t5wyq-meep
>
> What's right: The patterned background fills the window as necessary, and
> the content floats over it to centre itself.
> What's wrong: The unnecessary scrollbar. If there is a way to have the
> scrollbar come up only when necessary, then the problem is solved.
>
>
That helps.

Move the background image from #container_innards to #container and take the
height off of #container_innards. Then, merge the header image with the
pattern background (instead of leaving it transparent) and lay it on top to
mask the repeating background and 'fake' the space up top.

You might be able to fudge it by messing with margin-top on the #container
and then negative margin-top on the header container. Or try moving the
tiling background to the html element, the header image to the body element
and then add margin-top to the #container element or padding-top on the
body.


More information about the thelist mailing list