Tiling of background image.

am 04.12.2007 13:31:18 von Shelly

Here is the URL:
www.sheldonlg.com/css.htm

The problem is this. Without the

, the green
background image from the #navWrapper does not tile. It shouldn't. Once I
put in that div, it tiles in the background. The index-01 is:

#index-01 {
position:relative;
width:900px;
height:132px;
background-image: url(http://www.thenursebook.com/images/index_01.gif);
}

If I remove the height: 132px; then it doesn't tile, but the image doesn't
appear either.

Re: Tiling of background image.

am 04.12.2007 14:43:48 von Shelly

Shelly wrote:
> Here is the URL:
> www.sheldonlg.com/css.htm
>
> The problem is this. Without the

, the green
> background image from the #navWrapper does not tile. It shouldn't. Once I
> put in that div, it tiles in the background. The index-01 is:
>
> #index-01 {
> position:relative;
> width:900px;
> height:132px;
> background-image:
> url(http://www.thenursebook.com/images/index_01.gif); }
>
> If I remove the height: 132px; then it doesn't tile, but the image
> doesn't appear either.

When I put in the missing in my example, it still tiles in IE, but
not in FF. OK, so this is an IE problem. How do I fix this?

Re: Tiling of background image.

am 04.12.2007 14:57:01 von Shelly

Shelly wrote:
> Shelly wrote:
>> Here is the URL:
>> www.sheldonlg.com/css.htm
>>
>> The problem is this. Without the

, the green
>> background image from the #navWrapper does not tile. It shouldn't.
>> Once I put in that div, it tiles in the background. The index-01
>> is: #index-01 {
>> position:relative;
>> width:900px;
>> height:132px;
>> background-image:
>> url(http://www.thenursebook.com/images/index_01.gif); }
>>
>> If I remove the height: 132px; then it doesn't tile, but the image
>> doesn't appear either.
>
> When I put in the missing in my example, it still tiles in IE,
> but not in FF. OK, so this is an IE problem. How do I fix this?

Well, I fixed it. I commented out the "padding: 0.5em 0em;" line in the
#navMain ul style. I remembered that IE seems to have trouble with padding.

Re: Tiling of background image.

am 04.12.2007 14:58:33 von Bergamot

Shelly wrote:
>
> www.sheldonlg.com/css.htm
>
> The problem is this. Without the

, the green
> background image from the #navWrapper does not tile. It shouldn't.

It shouldn't *not* tile? I think you misstated what you perceive to be
the problem.

Regardless, your HTML is invalid, so you can't expect any browser to
give you what you want.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww .sheldonlg.com%2Fcss.htm

Fix your errors and try again.
- Your stylesheet needs to be inside the
-