css background image repeat-x is also tiling vertically

is that ok for use within the body tag?

Yup, if it didn't work.. then also it won't affect the page.

and it's not having an effect anyway

Please check the image properly. usually the image may be causing this. Make sure it is the correct height.

MD

can u plz share the image.. so thaat i can try it at my level as well..

... (many thanks)

mention the height: 1219px;

Everything seem ok to me. So probably the image may be the reason.

MD

MD - I'm curious, how can the image alone cause this?

remove background-color: red;

Remove this..
background-color:#FF0000;

ok :) the image isnt tiling now, but now I have a white page background.  So I guess the next step would be to add color to a subsequent element

Also check on resolution higher than 1280.then it wont repeat vertically.

sure.. you can add a different color than red.. else it'll show the image repetition vertically.

... but thinking further on this, that wont work either, as the new elements color will be overlayed ontop of the page background gradient

Sometimes when creating images (slicing) it may pickup other images or dimensions may be altered.

I think qwerty may have the trick.

The background red may be overshadowing the image. So the image is red and the background is red....definitely there may be a mix up.


The image size is 1219px.....Long.

MD

The new color wont overlayed on top of the background gradient image. Instead it'll come beneath the image.

I think image size of 1219px...is long enough. You may not need the red.

MD

sounds as though I need to swop - have body as solid and overlay div with gradient.  But the whole thing has me a bit stumped - isn't background-repeat: repeat-x supposed to tile across just once?  I thought that was the whole point.   And why would taking background-color out of the tag remedy the 'inconsistancy'?

I don't know how the image will tile vertical. The image size is 1219pX. Long enough to cover the entire page height. How can that repeat VERTICAL?

Please verify

MD

To see the real effect give a background color of white and see if it repeats vertically?

MD

It won't... also please check on resolution higher than 1280.

This is crazy - it looks as though the whole question has been an error on my part.  I changed the body background-color to a new red and hey presto - no problem with "tiling".  I thought it was tiling because the background color previously chosen was too close to the TOP of the bg-image gradient color.  My silly error here, I am sorry!  kids are both sick, not enough sleep and now I am suffering too...

I need to go lie down, but I can't - must plough on.

Thanks for your time and helping me point out my own stupidity!

Tony

Or....Just allow it to repeat both x and Y.

Background-repeat: repeat;

MD

It was an innocent mistake. Glad it is sorted it out.

MD