Hello All -

I've got this strange problem: I'm setting a tiling background in the html
element - this works fine. Then I'm setting another background image in the
body element which is giving me fits.

Take a look here:
http://www.koisis.com/.clients/asdem/dev/index.php?cmd=001001

The height of the body image (the hiroshige painting) - rather than showing
in full - seems to be getting "cropped" by the height of my "wrapper" div.

You can see what I mean on any page, but you can particularly see this
"cropping" effect when you go to a page like Training > Conferences and
Seminars. On this particular page (because the wrapper content is so long)
you can see the full body image. On shorter pages - as previously mentioned
- the body image is cropped to the exact size of the wrapper.

I do notice that if I take the background declaration out of the html, the
body background image behaves as required.

My css for both html and body are as follows:

html{
        height: 100%;
        margin-bottom: 1px;
        background: #80101C url(../image/_global/background_gradient.jpg)
repeat-x 0 0;
}

body{
        min-width: 780px;
        text-align: center;                     

        font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif;
        font-weight: normal;
        font-size: 1em;
        
        background: url(../image/_global/hiroshige.jpg) no-repeat 0 0;
        color: #000;
}

Can someone please show me the error of my ways?

Cole


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

<<attachment: winmail.dat>>

Reply via email to