Menu wont line up in IE7

HTML & CSS
1

Hi Guys,

my site looks fine in firefox etc. but a few things aren’t quite right in IE.

In IE7 the menu doesn’t line up properly, anyone got any ideas why this is and a quick fix? Cheers!

2

Check out these errors:

  1. line 438 column 5 - Error: Stray end tag ul.

  2. line 440 column 7 - Error: End tag div seen, but there were open elements.

  3. line 435 column 41 - Error: Unclosed element footer.

  4. line 441 column 9 - Error: Stray end tag footer.

  5. line 444 column 6 - Error: Stray end tag div.

Once errors eliminated and page validated your page will no doubt display differently :slight_smile:

Check out:
“http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cotswoldbells.co.uk%2F&charset=(detect+automatically)&doctype=Inline&group=0”

3

I’m not really sure I know how to fix these :S

4

Ok, I managed to fix most of them!

One that is messing up the alignment for the buttons is from a plugin:

Error Line 41, Column 180: Bad value for attribute media on element link: Media query ended prematurely.

…/ie-css3-support/css/custom-style.css?ver=20121910’ type=‘text/css’ media=‘’ />

Any idea how to fix this one? Or even where to edit it? Cheers

5

Try adding “screen” to the empty media parameter:




    <link rel='stylesheet' id='custom-style-css' href='http://www.cotswoldbells.co.uk/wp-content/plugins/ie-css3-support/css/custom-style.css?ver=20121910' type='text/css' media='screen' />

To not only help your SEO Brownie Points but also to squash the " An img element must have an alt attribute…" errors:



<img src='...' alt="Replace with SEO catch phrase" />
6

Where abouts do I find this code so that I can change it? Cheers

7

With your text-editor search for the unique identifierm id=“custom-style-css”. There should be only one unique occurrence.

Replace the following line:


 
<link rel='stylesheet' id='custom-style-css' href='http://www.cotswoldbells.co.uk/wp-content/plugins/ie-css3-support/css/custom-style.css?ver=20121910' type='text/css' media='screen' />
8

But where abouts do I search that code in WP? I’ve looked for it in the plugin files with no luck?

9

My knowledge of Wordpress is limited and I do not know where to start looking for the relevant script.

This thread is in the “CSS & Page Layout” Forum so I think it would be better if you requested the thread to be moved to the CMS & Wordpress" Forum.

Only Administrators of the forum can move the thread and they can be found by opening the “CSS & Page Layout” Forum and selecting “Announcement: Meet the Design Team”.