Hi

If someone could take the time to have a quick look at link

It looks perfectly fine in both IE7 and FF on my pc, please see image attached but it seems to be centered to far left on others, and the center product boxes are stretched? I've checked it in browsershot and it does seem to be the case.

I have tried to change the CSS style slightly but can't view on 'browser shot' again for a while and the site of course is active. I have validated the CSS and its fine so where is my issue here ?



Any guidance here would be fantastic, I realise its people time but I pressume it something silly that I have missed, but sometime when you are so close it difficult to see the wood for the trees

thanks

Ashley

Using firebug it appears the proplem stems from the structure of the HTML,

The fix, in its simplest form, wrap a div around the whole site with a fixed width and margin:0 auto;

If you have the ability, go through each div block/structure area, i.e. topHeader etc and give them a fixed px width and apply margin:0 auto;

You may also need to put a width:100%; on the body in your css.

Howver, if you want the layout to be more fluid, with the content area streching but the header, nav and footer being centred then you will need to give the body a width of 100% and play with the header.

Thanks. The site need to be positioned to the left margin, as it has been designed to fit in with an existing site. I have just add margin: 0 auto; to both the body and top-header and it has of course centered it on the page? I've added a container div around the whole thing.

You may also need to put a width:100%; on the body in your css

Why? If you don't define a width, the default IS 100% of the available space.

Can someone check it now please I've added in a float:left, it still looks fine on my computer but is it level with the left border or is some of the top header image still lost ?

Everything looks level ack although the whole site is aligned left in all browsers, you not trying to centre it any more?


@LadynRed: I dont know why it was needed specifically however while using firebug the body was rendering at a fixed width (not 100%) and didnt appear to have any CSS affecting its width (Suggesitng it should have been 100%). However applying width:100%; to the body in firebug appeared to fix some of the issues faced by the OP.

Unfortunatly without being able to show you the site as it was yesterday you probally wont understand where im coming from, regardless of that, the OP now seems to be moving towards the finish line.

Interesting. There must have been something limiting the width somewhere.
Anyway.. that left-aligned site is so very old school.. to be inline with another site? I'd center them both!

Originally Posted by LadynRed

Anyway.. that left-aligned site is so very old school.. to be inline with another site? I'd center them both!

Agreed, centred sites do look much better, maybe its the symetrical feel.