Background Repeats When It Should Not

Please take a look at:

http://sieglers.griergroupinc.com/Contact/

and

http://sieglers.griergroupinc.com/About/

Why are the bg images repeating on the Contact page? It is nearly the same code. I'm a novice with CSS.

Thanks!

 

It seems good for me..
What browser are you using ?

 

IE8. It repeats only once vertically....really weird.

 

just look in your STYLE.CSS file for this
#main
{
background:transparent url(/images/all_bg.jpg) no-repeat scroll 0 0;
height:800px;
margin:0 auto;
width:980px;
}

& change it to
#main
{
background:transparent url(/images/all_bg.jpg) scroll 0 0;
background-repeat:no-repeat;
height:800px;
margin:0 auto;
width:980px;
}

Just try this, hope this will work.

Thanks,

Jimmy

 

Tried it....no dice.

 

Theres a few bugs in the code when you try to validate it - fixing up the bugs may fix the problem:

http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

 

Basically, if you dont want it repeat vertically but repeat horizontally use:
background-repeat:repat-x;
If you dont want to repeat the background, you can use
background-repeat:no-repeat;

 

OK, think I corrected all the formatting errors....still repeating.

 

I've tried:

background:url(/images/all_bg.jpg) 0% 0%;
background-repeat:no-repeat;

and

background:url(/images/all_bg.jpg) no-repeat 0% 0%;

Both bg images are still repeating vertically.

 

Ok, i think it cause by some error at your div block.. sometime firefox will tolerance the error but IE doesn't.
I suggest you clear again the container block at contact page and write again the form script with sure.

If you need intensive help you can PM me.

 

Lemme go down the list of what I see wrong - ANY of these could be a possible cause.

1) form inside a form - bound to cause trouble.

2) attributes that don't exist on certain elements (name on form)

3) DIV instead of fieldsets and javascript chicanery instead of labels makes it an accessibility /FAIL/. It might be cute and trendy, but it's also useless to a hefty chunk of the people who might be interested in the companies products, so rip out all that javascript bullcookies and build the form PROPERLY with labels, fieldsets, and legends..

4) if every DIV inside a parent DIV is getting the same class, it doesn't need a class.

5) get rid of 'scroll'. It's the default behavior anyways and could be making IE screw up. (see Fixed - and why I don't use it)

6) Comment placement could be triggering the double render bug.

7) fixed height image behind content is a web design /FAIL/

8) You have easily TWICE as many div as is necessary for that layout. Possibly three times as many.

9) declaring a fixed height on a content area is also web design /FAIL/.

10) Jquery AND yui? FOR THAT?!? Waste of code.

11) there is NOTHING on any of your pages that should warrant the need to be sending IE a targeted CSS - but I say that about 99% of websites.

Though really, I think the real problem is that outer 'aspnet' form crap - which doesn't appear to actually DO anything on the page except screw up IE. (I'm SO shocked - just part of why I dont' advocate pre-built ASP anything)

Oh, BTW, you do know that blue for 'custom kitchens' is effectively invisible on that background, right?

 

It was the form within a form...strange.