WordPress.com

1. stagemaroc
   Member
   Sep 14, 2012, 11:03 AM

   Hi !

   I use in localhost (still !) the Ari theme but i'd like to make the fixed left sidebar scroll with the rest (center content and the right sidebar).

   I found this http://en.forums.wordpress.com/topic/left-sidebar-in-the-ari-theme, but have no idea how to use and where to place in the style.css this code:

   #subsidiary {<br /> position: relative;<br /> }

   Could you help please ? I am beginner in CSS so please give details on how to do !

2. stagemaroc
   Member
   Sep 14, 2012, 11:25 AM

   RE
   Ok, i've tried to put this in the style.css :

   #subsidiary #sidebar-primary {<br /> width:240px;<br /> margin:0px 0px 60px 0px;<br /> float:left;<br /> position: relative;<br /> }<br />

   But the left sidebar is now above the two others !! how to keep 3of them (left, center and right sidebar) aligned horizontally in the page.

   Thank you for your help

3. stagemaroc
   Member
   Sep 14, 2012, 11:47 AM

   Here is the part of the CSS i have to change but don't know how : (note i added #subsidiary to #wrap div)

   </p> <p>#wrap {<br /> max-width: 960px;<br /> margin: 20px auto 0 auto;<br /> padding: 0px 30px 0px 30px;<br /> z-index: 0;<br /> }</p> <p>#subsidiary #sidebar-primary {<br /> width:240px;<br /> margin:0px 0px 60px 0px;<br /> float:left;<br /> position: relative;<br /> }</p> <p>#main {<br /> width:75%;<br /> margin-top:85px;<br /> float:right;<br /> }<br /> #content {<br /> width: 62.5%;<br /> margin:0px 0px 60px 0px;<br /> padding:0px 0px 0px 60px;<br /> float:left;<br /> font-size: 14px;<br /> }<br /> #sidebar-secondary {<br /> width:20.8%;<br /> margin:0px 0px 60px 0px;<br /> float:right;<br /> }<br /> #footer {<br /> width:70%;<br /> float:right;<br /> padding: 0px 0px 30px 0px;<br /> clear: both;<br /> font-size: 12px;<br /> overflow:hidden;<br /> }<br /> /* Alignment<br /> --------------------------------------------- */<br /> .alignleft {<br /> display: inline;<br /> float:left;<br /> margin-right: 10px;<br /> }<br /> .alignright {<br /> display: inline;<br /> float: right;<br /> margin-left: 10px;<br /> }<br /> .aligncenter {<br /> clear: both;<br /> display: block;<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br />

   Thank you for your help, im' stuck !

Topic Closed

This topic has been closed to new replies.