http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 25 May 2013 12:18:41 +0000 http://themeshaper.com/forums/topic/modifying-access-css-problem#post-10852 Fri, 19 Mar 2010 17:16:47 +0000 JLocke 10852@http://themeshaper.com/forums/ <p>Awesome man, that worked like a charm</p> <p>Here's the code I used to center the top nav.<br /> *note, I added {left: 12px;} because I has to make #main a little wider to fit with the header image.</p> <p>#access {<br /> margin:0 auto;<br /> width:960px;<br /> float:none;<br /> height: 33px;<br /> border: none;<br /> left: 12px;<br /> background-color:#330000;<br /> }</p> <p>.sf-menu{<br /> position:absolute;<br /> left:40%;<br /> margin-left:-25%;<br /> background-color:#330000;<br /> }</p> <p>Just gonna leave this hear in case anyone else is looking for something like this.</p> <p>Thanks MarSonEarth, you cured my headache </p> http://themeshaper.com/forums/topic/modifying-access-css-problem#post-10841 Fri, 19 Mar 2010 09:10:00 +0000 MarSOnEarth 10841@http://themeshaper.com/forums/ <p>Because the containing block of <code>#access</code> is (ultimately) <code>html</code>, which has a width of the canvas, if you set the width on <code>#access</code> you also have to center it. This will be accomplished with:<br /> <pre><code>margin:0 auto; width:960px;</code></pre> <p>BUT take out that <code>left: 12px</code> from the <code>#main</code> </p> http://themeshaper.com/forums/topic/modifying-access-css-problem#post-10833 Fri, 19 Mar 2010 03:43:19 +0000 JLocke 10833@http://themeshaper.com/forums/ <p>Hello everyone, just want to say this forum is an awesome place and building with thematic is great... except for this one problem I've been having:</p> <p><a href="http://islanders.jesselocke.me/" rel="nofollow">http://islanders.jesselocke.me/</a></p> <p>I 'm trying to line the nav bar up with the edges on #main and center the page links. I can kind of do this already, however, the way I'm doing it the nav bar moves when you re-size the browser. Obviously not a good thing.</p> <p>#access {<br /> float:none;<br /> height: 33px;<br /> border: none;<br /> width: 960px;<br /> left: 244px;<br /> background-color:#330000;<br /> }</p> <p>.sf-menu{<br /> position:absolute;<br /> left:40%;<br /> margin-left:-25%;<br /> background-color:#330000;<br /> }</p> <p>Please help, this has been killing me.</p> <p>I think its just some positioning problem, but I've exhausted my knowledge.</p> <p>Thanks very very very much </p>