The site is [url]http://www.owengroupwovens.com[/url]. I’ve been successful in changing the sidebar from two columns to one column, but I still have a gap between the main content area and the sidebar and can’t locate the source. Any help would be appreciated.
@Big_O_1_Feb 28.2011 — #You have given <div id="content"> a width of 1176 pixels. Inside it you have <div id="main"> and <div id="sidebars">. You have given main a width of 791 pixels and sidebars a width of 186 pixels. That's a total width of 977 pixels, leaving 199 pixels of empty space inside the content div. Since you have floated main left and sidebars right, the empty space goes in between them.
Either shrink the content div or increase the size of main or sidebar and you will utilize that space.
@LimozineauthorMar 01.2011 — #Thanks for the reply. I thought that too, but you can see that when I change the width of #content it creates a new problem...
@KorMar 01.2011 — #Thanks for the reply. I thought that too, but you can see that when I change the width of #content it creates a new problem...[/QUOTE] Please, explain which is your[I] new problem[/I]. We don't know how you want to design that, thus we don't know what might look wrong for you.
@LimozineauthorMar 01.2011 — #Please, explain which is your[I] new problem[/I]. We don't know how you want to design that, thus we don't know what might look wrong for you.[/QUOTE]
Since my last post I managed to narrow down the problem to something I can live with for the time being. It appears the large "gap" was simply due to the background image, which was originally wide enough to accommodate the left column of the sidebar. When I deleted the left column of the sidebar, the full width of the background image was exposed, leaving what appeared to be a "gap." I changed the background image and it looks better now. Still a few small details to work on, though. Thanks for all the help.