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?


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


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

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...
  #2  
Old Jan 10, 2011, 03:57 PM
juggledad's Avatar
juggledad
 
23,574 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
  #3  
Old Jan 27, 2011, 02:50 AM
IldiW
 
39 posts · Oct 2010
NZ
@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!

Bookmarks

Tags
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 07:20 PM
[SOLVED] Footer 100% width cvan Post-Kicker, -Byline & -Footer 3 Aug 25, 2010 04:43 PM
[SOLVED] 3.5.2 Cat & Menu Bar background displaying at 100% (Fixed width 900px) MickR New Versions, & Updating 2 Jul 20, 2010 08:59 AM
100% image width in single post pages kaspar.wimberley Center area post/pages 0 May 15, 2010 06:25 AM
[SOLVED] Adjusting the width of the td#middle Masselyn Atahualpa 3 Wordpress theme 6 Aug 9, 2009 06:11 PM


All times are GMT -6. The time now is 06:07 PM.


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