LAYOUT: 100% width & (Middle + sidebar) centered width 960px => how to do?
 

Hi everyone !


I do not know how to fix this "looks-like-easy" css issue. :confused::confused::confused:

http://www.avenueaparis.com/?page_id=39


HOW TO have the right sidebar intended in the 960 px layout?

Post should be 700 px
Sidebar: 260px

The layout is funky as the right sidebar sticks to the right side of the screen.

website design concept:
960px width website with 100% width footer.

Config of ATAH. + CSS:

LAYOUT: 100% width
> I did that to have a full footer background 100% width

POST:
width : 700px;

RIGHT SIDBAR; 250 px

I tried to fix the width of the CENTER column > nothing happened :(
I tried to fix the width of the MIDDLE table > nothing happened
I tried position:absolute of the sidebar > problems of rendering on different screen resolutions

In addition, the css should be compatible with IE...


I would like to change the php core files but I rather prefer to adjust css only.

Is there a solution for my problem? Am I the only one as this layout is pretty standard among the web...

if you want the appearance of the sidebar indented, move your widgets to the right inner sidebar and define the right sidebar the width of the indent - you will need to add a blank text widget to prevent the wordpress default widgets from showing.

@bender57

If I got your problem right, you're struggling with the same as I was a little while ago! :)
If it's still an issue, have a look at this thread where lmilesw kindly explained another way to work this out:
http://forum.bytesforall.com/showthread.php?t=10393

My issue was only slightly different as in I wanted both the header and the footer to be 100% so you can obviously ignore the bit about the header.
So this is what you'll need in the bottom of the CSS:

html {
background-color:#xxxxxx;
background-image: url("http://your_image_location/background.png");
background-repeat:repeat-x;
background-position: bottom left;
}

and set the body with to whatever you need (960 is it?) and you're good to go! :)
Hope this helps!