In screen resolution and zooming situations where the main image (logo and flags) is wider than the browser, it decides it doesnít want to center it and starts aligning it to the left. This causes the image to not line up with the background and text.
If everything looks fine, just zoom in and youíll see what I mean.
Iím sure altering the design and using a smaller image would eliminate the problem most of the time, but I would prefer not to do that. Iíve seen people talk about similar problems on forums, but Iíve never been able to figure out how to apply those solutions to my Dreamweaver generated code.
This is my first website ever, and any help would be appreciated. Thank you in advance.
Well, it isn't a problem. I have a 22-inch monitor. If I maximize my browser so its viewport is full screen, your image stays centered up to the time the horizontal scroll bar appears. Continue zooming in causes the image to shift to the right because the actual center of the image is shifting right making it appear as if it is not centered. As long as you have an horizontal scroll bar by zooming in, you will shift the actual center of image off screen to the right. You'll have to move the horizontal scroll bar to re-center the image in viewport.
That’s how it should work, but the copyright symbol just doesn’t show up for me in that font. *shrug* The .png is good enough for my purposes.
So when I looked at the code more closely, I saw that you really reworked a lot of stuff, a lot of it not even related to the problem. It looks like you just went through the whole page fixing and improving the code and making it more professional. That’s just above and beyond the kind of help I was expecting when I decided to post on here. I tried to hire my web developer friends to fix bugs I’ve been struggling with on the site, but something always came up. Then I make a post to anonymous internet strangers and BAM! DONE AND THEN SOME!
I just opened the site in IE again and noticed that your changes fixed all three of my IE compatibility issues; the enable scripts prompt, the red outlines on link images, and the main image being shifted down. Wow.
So only one more thing on the site remains to be done that I haven’t been able to figure out. Sorry this isn’t strictly related to the original topic, but there are some smart people on this thread. My whole design concept of the huge image at the top of the site will seem a lot more sensible with this implemented;
I am trying to figure out a way to have my internal links load the pages starting partway down the large image at the top. I’m trying to get my site to behave as if there was an anchor a little more than halfway down the shield image, a few pixels above the word Barbaric. Right now I have anchors on the very first text on every page, but I don’t want to skip over the big image entirely. And I also don’t want to always make the user scroll down all the way from the top to get to the text. I want to raise the anchors about 540 pixels upward, or do something else to that effect. Is this possible? I tried inserting a named anchor into a hotspot in Dreamweaver, and the site pretty much imploded.