Last link on navigation not fitting IE

You can create a separate stylesheet targeting IE9 where the menu items are a bit smaller and link to it from your header file.

Ref: https://css-tricks.com/132-how-to-create-an-ie-only-stylesheet/

p.s. your main body area is not centered in FF 3.6/Mac.

Thanks I already have an ie css for it, I just not sure how to fix this. Still learning how to work with css. I’ll take a look at the link.

Thanks. I’ve been working on that. I still can’t figure out what happen to the main body today. It was fine, then it wasn’t.

For your IE9-targetted version, you can make the menu font smaller, or reduce the padding around each menu item.

It was fine, then it wasn’t.

I highly recommend you get the Web Developer’s Toolbar – there are both Firefox & Chrome versions. When I turn on Information > Display Block Size I can see that your main content area has somehow popped out of your wrapper div – probably an overlapping, extra, or missing div tag somewhere.

Ah yes – there it is (I’d hazard a guess!) in your validation errors – div problem: “end tag for element “div” which is not open”

https://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fjds-productions.com%2Fwordpress%2F

If you fix that I’ll bet the problem corrects itself.

Yeah I checked that out & that div tag is fine. I don’t know why it is saying that.

Div errors in WP can be tricky to troubleshoot. I usually paste the entire generated code of the page into an HTML file outside of WordPress completely, and remove elements one by one until it validates. The last-removed item is the one that’s the culprit. I then make the necessary fix in my WordPress theme files.

ok thanks. I see if that works. At this point anything worth a try

I guess I should have asked if you are referring to div elements that you wrote or the ones that are within the theme. This div that is giving an error is one that is a theme generated. I even deleted the footer.php & gave it a fresh one from the original theme to see if that worked, didn’t.

I don’t know what you mean by “div elements that you wrote.”

This is the error:

Line 213, Column 6: end tag for element "div" which is not open

</div><!-- #wrapper -->

Referring to the code that you write in the body of the text. The error that is occurring is a line already there by the theme. I did not write the code is what I meant. So I do not understand why a validator would have an error caused by code that was generated by the theme. I can see when the validator does not like the code when it is something that I write, but I did not even change anything on this page.