Jump to content

Website Help - Easy when you know!


Recommended Posts

They don't look right on any of the pages to me, the background seems to overflow the border of the boxes at the bottom, the boxes look the same on each page, except the blog box is empty on some pages.

 

There's a # in the top left corner of some pages. The navigation box on the left doesn't look right either. The page wobbles if I put my mouse pointer over any of the icons in the bar across the top of the home page.

 

I'm using FireFox.

Link to comment
Share on other sites

Hi,

 

Thanks for that.

 

The website was fine on the validator until the SEO company got their hands on it!

 

The homepage is not the problem! its the other pages...for some reason with the same code the back ground images of the boxes breaks out of the border?

 

Thanks

Link to comment
Share on other sites

Using Chrome the boxes look the same on the home page vs a sub-page.

 

You say "the boxes dont look right!" - but can you specify exactly why? Do you mean the blue background 'bleeding' out of the box or what?

Link to comment
Share on other sites

Checking source code of your page...

<div id="virus-alert"><div id="virus-alert-title">Industry News</div><div id="virus-alert-content"><br />

<script language="JavaScript" src="http://www.eurocoms.co.uk/feed/feed2js.php?src=http://p.yimg.com/il/rss/telecommunications.xml&chan=n&num=3&desc=80&date=n&targ=n" type="text/javascript"></script>

<noscript>

<a href="http://www.bucks.edu/feed/feed2js.php?src=http://p.yimg.com/il/rss/telecommunications.xml&num=2&date=n&tz=0&targ=y&html=y">View RSS feed</a>

</noscript>

</div></div>

 

You have <b>same IDs</b> and <b>extra div tag</b> closure... get rid of them.

 

No they don't, there are 3 unique div id, see below, and 3 matching closing </div>'s. there is nothing wrong with the code you have highlighted.

 

virus-alert

virus-alert-title

virus-alert-content

Link to comment
Share on other sites

Hi,

 

It's not just IE9 that your site isn't appearing correctly in, those boxes on the right don't look correct in any browser. This is because the coder has assigned heights and widths in the wrong places (i.e. within nested <div> blocks that also have padding) and also assigned the background to the wrong div. There were too many small changes needed to explain in detail. I fixed the CSS and uploaded it here: http://pastebin.com/JkGnABT4 you just need to click the download link at the top or the copy icon and try it. But make sure you backup your existing eurocoms.css first - I can't overstate that - this fix is provided in good faith and use it at your own risk.

 

Post back here if/when you try that version of the .css :)

 

- Geoff

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.