«

I have the following:

#index-02 {
position:absolute;
left:0px;
top:132px;
width:900px;
/*height:39px;*/
background-image: url(images/index_02.gif);
}

This dispalys perfectly in FF, but in IE7, the background image shows up
twice as if it is tiling vertically. The invocation is very simple:

<div id=index_02"> A one row table here</div>

The image appears twice, with the text from the table in the top one and
nothing but the background image in the lower, second, one. I had the
height specified, but then commented it out. Neither way works.

--
Shelly

Shelly wrote:
> I have the following:
>
> #index-02 {
> position:absolute;
> left:0px;
> top:132px;
> width:900px;
> /*height:39px;*/
> background-image: url(images/index_02.gif);
> }
>
> This dispalys perfectly in FF, but in IE7, the background image shows
> up twice as if it is tiling vertically. The invocation is very
> simple:
> <div id=index_02"> A one row table here</div>
>
> The image appears twice, with the text from the table in the top one
> and nothing but the background image in the lower, second, one. I
> had the height specified, but then commented it out. Neither way
> works.

Here is another thing. I have two more definitions:
#index-03 {
position:absolute;
left:0px;
top:171px;
width:216px;
height:480px;
background-image: url(images/index_03.gif);

}

#index-04 {
position:absolute;
left:216px;
top:171px;
width:684px;
height:143px;
background-image: url(images/index_04.gif);

}

It turns out that index-04 covers the bottom tile, but index=03 doesn't.

I am baffled.

--
Shelly

Shelly wrote:
> Shelly wrote:
>> I have the following:
>>
>> #index-02 {
>> position:absolute;
>> left:0px;
>> top:132px;
>> width:900px;
>> /*height:39px;*/
>> background-image: url(images/index_02.gif);
>> }
>>
>> This dispalys perfectly in FF, but in IE7, the background image shows
>> up twice as if it is tiling vertically. The invocation is very
>> simple:
>> <div id=index_02"> A one row table here</div>
>>
>> The image appears twice, with the text from the table in the top one
>> and nothing but the background image in the lower, second, one. I
>> had the height specified, but then commented it out. Neither way
>> works.
>
> Here is another thing. I have two more definitions:
> #index-03 {
> position:absolute;
> left:0px;
> top:171px;
> width:216px;
> height:480px;
> background-image: url(images/index_03.gif);
>
> }
>
> #index-04 {
> position:absolute;
> left:216px;
> top:171px;
> width:684px;
> height:143px;
> background-image: url(images/index_04.gif);
>
> }
>
> It turns out that index-04 covers the bottom tile, but index=03
> doesn't.
> I am baffled.

I would like to know the answer for this. In the meantime I have a HACK
"fix". I made the z-index for index-02 to be 0 and made the z-index for
index-03 and index-04 ro be 1. Now the bottom image from index-02 is
maxked.

--
Shelly

Shelly wrote:

> I would like to know the answer for this.

Post the URL.

--
-bts
-Motorcycles defy gravity; cars just suck

While the city slept, Shelly () feverishly
typed...

[...]
> background-image: url(images/index_02.gif);
>
> This dispalys perfectly in FF, but in IE7, the background image shows
> up twice as if it is tiling vertically.
[...]

It is late here, and I have just got back from the pub, so maybe I am
missing something... but have you considered using the "repeat" value? eg.
background-repeat: no-repeat; ?

Cheers,
Nige

--
Nigel Moss http://www.nigenet.org.uk
Mail address will bounce. | Take the DOG. out!
"Your mother ate my dog!", "Not all of him!"

"nice.guy.nige" <> wrote in message
news:474f5fac$0$47123$ reenews.net...
> While the city slept, Shelly () feverishly
> typed...
>
> [...]
>> background-image: url(images/index_02.gif);
>>
>> This dispalys perfectly in FF, but in IE7, the background image shows
>> up twice as if it is tiling vertically.
> [...]
>
> It is late here, and I have just got back from the pub, so maybe I am
> missing something... but have you considered using the "repeat" value? eg.
> background-repeat: no-repeat; ?

Which you could combine with the css for your backround-image using CSS's
background shorthand, like so?

background: url(images/index_02.gif) no-repeat;

nice.guy.nige wrote:
> While the city slept, Shelly ()
> feverishly typed...
>
> [...]
>> background-image: url(images/index_02.gif);
>>
>> This dispalys perfectly in FF, but in IE7, the background image shows
>> up twice as if it is tiling vertically.
> [...]
>
> It is late here, and I have just got back from the pub, so maybe I am
> missing something... but have you considered using the "repeat"
> value? eg. background-repeat: no-repeat; ?

No, I haven't. You see I am a php person and am just learning a lot of this
stuff. Thanks. I'll try it.

--
Shelly

Nik Coughlin wrote:
> "nice.guy.nige" <> wrote in message
> news:474f5fac$0$47123$ reenews.net...
>> While the city slept, Shelly ()
>> feverishly typed...
>>
>> [...]
>>> background-image: url(images/index_02.gif);
>>>
>>> This dispalys perfectly in FF, but in IE7, the background image
>>> shows up twice as if it is tiling vertically.
>> [...]
>>
>> It is late here, and I have just got back from the pub, so maybe I am
>> missing something... but have you considered using the "repeat"
>> value? eg. background-repeat: no-repeat; ?
>
> Which you could combine with the css for your backround-image using
> CSS's background shorthand, like so?
>
> background: url(images/index_02.gif) no-repeat;

I tried this. Now the image doesn't appear at all.

--
Shelly

Shelly wrote:
> Nik Coughlin wrote:
>> "nice.guy.nige" <> wrote in message
>> news:474f5fac$0$47123$ reenews.net...
>>> While the city slept, Shelly ()
>>> feverishly typed...
>>>
>>> [...]
>>>> background-image: url(images/index_02.gif);
>>>>
>>>> This dispalys perfectly in FF, but in IE7, the background image
>>>> shows up twice as if it is tiling vertically.
>>> [...]
>>>
>>> It is late here, and I have just got back from the pub, so maybe I am
>>> missing something... but have you considered using the "repeat"
>>> value? eg. background-repeat: no-repeat; ?
>> Which you could combine with the css for your backround-image using
>> CSS's background shorthand, like so?
>>
>> background: url(images/index_02.gif) no-repeat;
>
> I tried this. Now the image doesn't appear at all.
>

Shelly: Why don't we stop this guessing game "imagining what your page
might look like" and you post a URL this time? I bet we can find the
solution for you *first* shot.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

In article <9f8ee$474f9ce4$40cba7b8$>,
"Jonathan N. Little" <> wrote:

> Shelly: Why don't we stop this guessing game "imagining what your page
> might look like" and you post a URL this time? I bet we can find the
> solution for you *first* shot.

Was just thinking this very thing.

--
dorayme