http://baxtersbeefarm.com

I seem to be having an issue with IE8 (and subsequently, Google Chrome) and the background of this website. It should be positioned to the bottom left, but it does not appear to be doing so in these two browsers. I ran a couple searches and didn't find too much on the subject (probably because both are fairly new browsers). Any ideas?

Stephanie,
I don't have IE8 or Chrome loaded.. what is wrong, how does it look off ?

In IE7, for instance, at 1024x768, you can see the edge of the background image at the top. Obviously that's because the 'bottom' is different than it would be on a higher resolution.

that's strange - in chrome and ie8 the image starts way up the screen and you can see the bottom about 300px down from the top and it doesn't repeat.

the css for the image looks ok though it's way too big at around 1mb try this jpeg at around 140kb
http://pp.kpnet.fi/prescott/stuff/bckgrnd.jpg

not sure what to suggest...

Pretty sure she doesn't want it to repeat

Odd that it should be that far off in IE8 and chrome.

LNR, if you look at the website using NetRenderer you can see what it's doing in IE8 (when it's working; currently I'm getting a error). Instead of aligning to the bottom left of the page it's aligning to the bottom of the header div? I realize IE8 and Chrome aren't the big dawgs, but I thought it might be an easy fix, something I'm missing.

Here's a capture in Chrome to help you out.
http://dl-client.getdropbox.com/u/41...bee-Chrome.jpg

I'm not sure but maybe has to do with the background image on the body tag, you can try putting a width and height at 100%.. Or try putting it in a wrapper div as the background.

maybe has to do with the background image on the body tag

I kinda doubt that, I've used large bg images on body before w/o any trouble.

Guess I'm going to have to get Chrome loaded.. they won't allow us to load IE8 here at work.

You have a bunch of errors that maybe should be looked into first.

You have an apostrophe causing an error

type='application/rss+xml' title='Baxter's Bee Farm Product List RSS' href='

Can't have duplicate ID's, nav

You also have image tags inside preformatted text tags <pre>

Need to code & characters into

&

in the code.

Also no need for inline styles when you already are using css

style="text-align: center;"

Start with those and see what happens.

Sorry I haven't responded...Didn't get the usual e-mail notification for some reason.

Leonard, the inline code you are seeing is what the CMS puts in. Nothing I can do about that and it certainly isn't the problem as none of the other CMS sites I have running have this oddball background issue.

Fascinating, all of those Validation Errors are from the plug-ins. Awesome. You would think they would be made valid before they are made available for use. Not much I an do about that either. Ugg.

Unfortunately plugins that don't produce valid code is not uncommon.

Try disabling the plugins, and fix the duplicat ID (nav) and see if you are still getting the problem. If a plugin is causing the issue you have somewhere to start.

The eStore is the plug-in that is not validating. Disabling it does nothing for the background (I didn't think it would). I am however contacting them to suggest validating their code in the future.

Hi

I had same problem with background image not appearing at the bottom of the page in chrome and ie 8.....yet i got it looking right in ie6, 7 and firefox.

Solution i found was adding "background-attachment: fixed" as an extra line with my background properties in the body tag.........also added a html style..... as follows

body{
font-family: arial, helvetica, sans serif;
color: #fff;
font-size: small;
background: #E6E6E6 url(images/page_background.jpg) no-repeat;
background-position: bottom left;
background-attachment: fixed;
margin: 0px;
padding: 0px;
border: 0px;
}
html{
position: relative;
padding: 0px;
margin: 0;
border: 0;
clear: both;
height: 100%;
}



hope this helps......let me know if it did


Cheers Lee