Divs acting strange!

Hi,

I have just re edited the front page of my website www. o r c h a r d d i r e c t.co.uk. The front page is layed out perfectly, however when going to pages such as "lamps" the centre content div shrinks to fit the content on the page and the banner expands to fill the space. This has only happened since i edited to div widths on the front page. However the odd thing is all of the divs i edited on the front page are not featured on any of the other pages on the site.

Does any one have any suggestions as to why this is the case. Currently the left side banner is set to 150px width.

If any one would like a copy of the css and or define main.php please ask and i will be more then happy to supply it.

Any help will be greatly appreciated

Many thanks

Elliot

I can't imagine a reason why this should be a problem, but I noticed that on every page where that occurs, one of your subcat images has capital letters or a hyphen in the file name. Probably coincidence, but easy enough to check out.

Very strange problem, though.

Try adding the following to your stylesheet:

#indexCategories .centerColumn {width: 99.9%;}

You have no width set or specified for #navColumnOne, so being an HTML table cell it finds its own width by table rules.

Add a width to #navColumnOne in your stylesheet.

Hi,

Thanks for the quick replys!

#indexCategories .centerColumn {
width: 99.9%;
}

did not acctually do anything so i tried

#navColumnOneWrapper {

width: 99.9%;

}

The code above actully expanded the gap further. Should i just be editng '#navColumnOne' without the wrapper or is it another problem causing this adverse outcome?

Very strange.

Look forward to hearing from you shortly.

Many thanks

Elliot

#navColumnOne is the table cell, and that needs to be controlled. Then #navColumnOneWrapper inside it will adjust to fit.
Add to your stylesheet

#navColumnOne {width: 190px;}

Hi,

Thanks worked perfectly!

Elliot