http://bbpress.org/forums/ bbPress Support Forums Topic: Adding a right sidebar at front page en Fri, 09 Jan 2009 23:57:13 +0000 http://bbpress.org/forums/topic/adding-a-right-sidebar-at-front-page#post-2310 Fri, 15 Dec 2006 21:07:37 +0000 peiqinglong 2310@http://bbpress.org/forums/ <p>To the footer, try adding clear: both in your CSS. </p> http://bbpress.org/forums/topic/adding-a-right-sidebar-at-front-page#post-2255 Wed, 13 Dec 2006 18:07:08 +0000 Null 2255@http://bbpress.org/forums/ <p>Any 1? </p> http://bbpress.org/forums/topic/adding-a-right-sidebar-at-front-page#post-2240 Tue, 12 Dec 2006 20:26:10 +0000 Null 2240@http://bbpress.org/forums/ <p>Okay almost there. I now have:<br /> <code>#hottags { <br /> float: left;<br /> width: 150px;<br /> overflow-x: hidden;<br /> position: absolute;<br /> }<br /> #discussions { <br /> margin-left: 170px;<br /> width: 420px;<br /> position: absolute;<br /> }<br /> #rightbar {<br /> margin-left: 610px;<br /> width: 150px;<br /> overflow-x: hidden;<br /> position: absolute;<br /> }</code></p> <p>The right bar is alligned properly now, BUT the footer is moved up also. So the footer crosses the 3 collumns. All is mixed now, how to get the footer back down again?</p> <p>Thx </p> http://bbpress.org/forums/topic/adding-a-right-sidebar-at-front-page#post-2236 Tue, 12 Dec 2006 18:32:03 +0000 ardentfrost 2236@http://bbpress.org/forums/ <p>add <code>position: absolute;</code> in there </p> http://bbpress.org/forums/topic/adding-a-right-sidebar-at-front-page#post-2232 Tue, 12 Dec 2006 15:06:48 +0000 Null 2232@http://bbpress.org/forums/ <p>Got this now:<br /> <code>#leftbar { <br /> float: left;<br /> width: 150px;<br /> overflow-x: hidden;<br /> }<br /> #discussions { <br /> margin-left: 170px;<br /> width: 420px;<br /> }<br /> #rightbar {<br /> margin-left: 610px;<br /> width: 150px;<br /> overflow-x: hidden;<br /> }</code><br /> Total width = 760 px just like the header. This should work, but the right column is still displayed underneeth the discussion div (though the rightbar is aligned to the right and there is enough space left for the rightbar to move up :S </p> http://bbpress.org/forums/topic/adding-a-right-sidebar-at-front-page#post-2179 Sun, 10 Dec 2006 23:35:25 +0000 Trent 2179@http://bbpress.org/forums/ <p>The easiest thing to do would be to find any site (WP or otherwise) that has 3 columns and take a look at the CSS to find out how they went about doing it.</p> <p>Trent </p> http://bbpress.org/forums/topic/adding-a-right-sidebar-at-front-page#post-2175 Sun, 10 Dec 2006 22:34:45 +0000 Null 2175@http://bbpress.org/forums/ <p>Doesnt work, the right bar is still displayed underneeth the discussion div even when aligned to the right. I even made the discussion div very small but it still wont "move up"... </p> http://bbpress.org/forums/topic/adding-a-right-sidebar-at-front-page#post-2108 Fri, 08 Dec 2006 08:14:15 +0000 Trent 2108@http://bbpress.org/forums/ <p>Try something like:</p> <p><code>#front-page #discussions {<br /> margin-left: 170px;<br /> margin-right: -20px;<br /> width: 420px;<br /> }<br /> #front-page #rightbar {<br /> margin-left: 590px;<br /> width: 150px;<br /> margin-right: -20px;<br /> }</code></p> <p>I haven't tested this, but it would be easier to just keep moving them to the right I think.</p> <p>Trent </p> http://bbpress.org/forums/topic/adding-a-right-sidebar-at-front-page#post-2107 Fri, 08 Dec 2006 08:08:01 +0000 Null 2107@http://bbpress.org/forums/ <p>Hi,</p> <p>How do I ad a right sidebar (div) at the front page?</p> <p>Adding and changing the css into this doesnt help (bold is added/changed):<br /> /* Front Page<br /> =================================== */</p> <p>#front-page #hottags {<br /> float: left;<br /> width: 150px;<br /> overflow-x: hidden;<br /> }</p> <p><strong>#front-page #rightbar {<br /> float: right;<br /> width: 150px;<br /> overflow-x: hidden;<br /> }</strong></p> <p>#front-page #discussions {<br /> margin-left: 170px;<br /> margin-right: -20px;<br /> <strong>width: 440px;</strong><br /> }</p> <p>.frontpageheatmap {<br /> font-weight: normal;<br /> line-height: 30px;<br /> padding-bottom: 10px;<br /> }</p> <p>thx </p>