Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

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

Old Jan 10, 2011, 01:54 PM
bender57's Avatar
16 posts · Apr 2010
Hi everyone !

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


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

width : 700px;


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...
Old Jan 10, 2011, 02:57 PM
juggledad's Avatar
23,614 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Old Jan 27, 2011, 01:50 AM
39 posts · Oct 2010

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:

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-image: url("http://your_image_location/background.png");
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!


100%, 960, sidebar, width

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Filling page menu bar 100% width bassoo Header configuration & styling 7 Sep 7, 2010 06:20 PM
[SOLVED] Footer 100% width cvan Post-Kicker, -Byline & -Footer 3 Aug 25, 2010 03:43 PM
[SOLVED] 3.5.2 Cat & Menu Bar background displaying at 100% (Fixed width 900px) MickR New Versions, & Updating 2 Jul 20, 2010 07:59 AM
100% image width in single post pages kaspar.wimberley Center area post/pages 0 May 15, 2010 05:25 AM
[SOLVED] Adjusting the width of the td#middle Masselyn Atahualpa 3 Wordpress theme 6 Aug 9, 2009 05:11 PM

All times are GMT -6. The time now is 07:37 AM.

Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.