Philippe Wittenbergh wrote:
> You missed a part of my original answer, I guess…
> set the width of the outer wrapper to something that fit your image,
> and set the margins to '0 auto'.
>
> I suggested
> div {
> width 980px /* eyeballing, the width of your image -- adjust to taste
> but keep it an even number */
> margin: 0 auto;
> background: url(path/to/image.png) 50% 50% repeat-y;
> }
>
> The 980px width is what is needed to show those 'drop-shadow' things.
>
> Philippe
Now I get it! I misunderstood the 980px number as an attempt to estimate
the width of my maincontainer (which is 926px; don't ask me why).
OK, a couple of issues now:
1. Is there any way I can get the outer wrapper background to load
before the content? The background image in the outer wrapper does not
multiply vertically (repeat-y) until all the content has loaded. This
happens in Firefox and not IE.
2. In IE, the layout now pokes through the footer div. I recall
encountering this problem at some point in the design process but don't
remember how I solved it at the time.
Thanks.
Test page with outerwrap div: http://tinyurl.com/5nfdg2
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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/
