1 person found this helpful
You have a couple errors that I see.
- It's always a good idea to keep a doctype defined on every page. There is none defined on the pop-up pages.
- line 43 - you have the following code <div><a> then on the next line you have a proper <a> link delete that <a> on line 43 because there is no closing tag to match and you cannot have an a tag inside another a tag.
- In your PhotoBackground.css document, line 17, "a: visited" needs to be re-written as "a:visited" the space will cause errors.
- For your container move the width before the margin declaration. Many browsers read things in a top to bottom order, so without a width defined before the margin, the browser can think that the container div has a 100% width (default) and tries to center and then applies the pixel width you have defined after causing different looks in different browsers.
See if that helps.
Many Thanks for replying SnakEyez02. I made the corrections you suggested and I also ran DW's validation checker - I'm still learning to remember to do that.
And I also successfully made the corrections that the DW validator suggested and I'm still getting the same right alignment of the photos in IE.
I also tried putting a text-align: center into the mix in case that would help, but no results there either.
I appreciate your assistance - I'm open to other ideas if you have any.
Everything is centered here in IE8, Frank.
Looks the same as Firefox 3.6 here.
THANKS JOHN FOR YOUR FEEDBACK - VERY HELPFUL.