I'd leave #container at 950px and wrap it in a container. This way you don't need to worry about the relative positioning of items within #container.
[image: brian fidler interactive] <http://www.brianfidler.com> email: [email protected] phone: 602.758.4733 [image: View Brian Fidler's profile on LinkedIn]<http://www.linkedin.com/in/brianfidler> On Wed, Jul 15, 2009 at 1:35 PM, Noel <[email protected]> wrote: > > Ok, i got it working by making #container 960px. This showed both > left and right borders, but the bottom border of ul.tabs did not close > on the right like the picture I attached. I have to add this to the > ul.tabs > > padding-right: 2px > > Thanks, > Noel > > > On Wed, Jul 15, 2009 at 1:08 PM, Brian Fidler<[email protected]> > wrote: > > sure, just create a container div that holds your container div (i.e. > > #outer-container) make it wide enough to hold your container and any > > elements you want your container surrounded by, set the margin:0 auto, > set > > the background-image to whatever (you could set up a repeating image for > > your border or a static fixed height image) and you should be all set. > > > > brian > > > > email: [email protected] > > phone: 602.758.4733 > > > > On Wed, Jul 15, 2009 at 12:28 PM, Noel <[email protected]> wrote: > >> > >> This is similar to another thread. Is there a way to add a left and > >> right border to a 24 column div? > >> > >> This is the markup > >> > >> <div id="menu_tabs"> > >> <ul class="tabs"> > >> <li class="js_link"> > >> <a href=#" class="current">Tab 1</a> > >> </li> > >> <li class="js_link"> > >> <a href="#" class="">Tab 2</a> > >> </li> > >> <li class="js_link"> > >> <a href="#" class="">Tab 3</a> > >> </li> > >> </ul> > >> <div class="panes"> > >> sdg > >> </div> > >> </div> > >> > >> #menu_tabs, ul.tabs, and div.panels are all 24 col last. > >> > >> When I try to add a border to both the left and right of the panel div > >> only the one on the left displays. > >> > >> http://skitch.com/noelgomez/ba4rq > >> > >> If I make them all 23 cols I get this > >> > >> http://skitch.com/noelgomez/ba4fb > >> > >> > > > > > > > > > > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en -~----------~----~----~----~------~----~------~--~---
