[EMAIL PROTECTED] wrote:

> The issue with this the solution is that when I increase the width 
> of' #section1 div div' (and #section2) then the rose image starts to 
> hide behind the widened <DIV>.

...because I declared a white background on that div. Won't hide
anything when the relevant background is made transparent.

Check this example again...
<http://www.gunlaug.no/tos/alien/try/test_07_0926.html>
...with changed 'width' and 'background'.

> http://www.trystandsamthewedding.com/test/home4.htm
> 
> It works ok in IE 7.0 so far, bit do I need to add additional 
> protection to it against IE 6.0 browsers? (isnt there box model 
> issues, or something?)

Yes, as browsers that don't follow W3C recommendations do not add the
padding to the width. That means all IE/win versions older than IE6 will
use the old model and need corrections/hacks.

For IE6 that's only a problem when the document triggers 'quirks mode'
in that version - as your page does now.

I'm used to "battle" the box model differences, so my example will
appear more or less the same in all versions of IE/win.

> Also, I'd like to know if the approach I am taking is the right one.

It is fine apart from the potential box model problems.

Readability isn't good on top of such a background though, so you may
have to adjust the rose-images a bit.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
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/

Reply via email to