CSS Background Positioning - Problem Solved

[jholmes900]

I added a picture to my website background, using CSS. When I enter the site for the first time, the background is shown in the space I requested and lines up with the video. If I go to another page and then come back to the home page, the background is out of allignment and I have to hit re-fresh to get it lined up again. Is there a CSS command that I am missing? Following are the CSS link and CSS code I am using:
<link rel="stylesheet" type="text/css" href="css%20files/sunrisebackground.css">
body
{background-color: #6680A1;
background-image: url(Sunrise%20in%20Belize.jpg);
background-repeat: no-repeat;
background-position: 100% 32%;
background-attachment: scroll;}
*** R E S O L V E D ***
I found and resolved the problem. I had a comment preceding the DOCTYPE line. Once I removed the comment, the positioning was correct.

[Shadowfiend]

Does this happen on more than one browser? Can we have a URI to look at so we can reproduce the behavior?

[jholmes900]

I have tested on IE 6.0 and Firefox 1.5.0.6. Firefox seems to be OK. I have the problem on IE at least 50% of the time. When I enter the site, everything is lined up. Then, if I select other pages and come back to the home page, the background picture is not lined up. I hit refresh and all is well. The URL is http://www.web-design-jholmes900.com Thank you in advance for looking at this.

[Shadowfiend]

Ok, this might be a bug in IE's implementation of CSS then :-) A quick search didn't reveal anything, however.

[mlseim]

I think you should eliminate all tables and use CSS only.
It's tough to say that though, because your HTML is so complicated.
It could be made much easier with CSS <div>'s only.

One other thing.

With IE, don't break <a href> lines apart.

Instead of:
<a href="google.com">
Google
</a>

Do this:
<a href="google.com">Google</a>

You're breaking up a lot of lines that should not have carriage returns in them.

IE has a really big problem with those carriage returns and white space.

[Shadowfiend]

IE has a really big problem with those carriage returns and white space.

In plain English: IE is retarded.


Sorry, this one bit me recently and I'm still not over it.

[jholmes900]

I took out the carriage returns on the <a href> lines. That didn't make a difference. On retesting with Firefox, I did see it come back incorrectly once, but it corrected itself without my hitting refresh. Apparently it is a browser problem. Thank you all for looking. Would it do any good to report it to Microsoft?
I will also look into changing from the tables to more CSS. Thanks again for the suggestions.

[mlseim]

I mention CSS because you can make a <div> background transparent, so your
background shows through ... something you can't do with tables.

That would solve your problem with trying to match the backgrounds.

CSS borders and affects would also look much better. The table borders
look very 1995-ish. If you're a web designer, your site should be a "killer".

PS ...

Have you tried viewing your site with a dial-up modem?

wow ... it takes forever to load.

And interestingly, the Energy Construction site looks much nicer and
more modern than your own site. How can that be?

Also, since you're using style sheet mark-ups in your HTML, why not just
use CSS and eliminate all your tables?

[jholmes900]

I have looked at my site on a dial-up modem, but I have not looked since I added the Flash video. Do you think that would have slowed it down that much? I will check it out again on dial-up. If there is a way to improve it, I will be happy to do it. Does CSS speed up the load on dial-up too? Thank you for the compliment on the Energy Construction site. I worked hard on that.
The first advice I ever received, when I asked someone to review my site, was to convert it to tables......I have heard Front Page 2003 is horrible, and others say it is great. I realize, after having been in the computer industry for so long, everyone has different opinions. I will definitely look into changing to CSS. A couple of months ago I was put on "maturity" leave from a company that I had worked at for over 17 years. I was a mainframe programmer and I have been teaching myself web design since the lay off. I appreciate all of the suggestions. Thank you, again.

[Shadowfiend]

Flash can often slow download times significantly, yes :-)