Border on Container

[SFAgitator]

How would I go about adding a border to the container div? I've tried
adding a class in my site css file and wrapping the container div with
it:

#outerContainer{ border: 1px solid #000; margin 0 auto; width: 960px;}

All that does is add a border to the top, but the border doesn't show
on the left, right or bottom.

[Artur Leśniewski]

#outerContainer{width:958px; border:1px solid #000; margin: 0 auto;}

--
You received this message because you are subscribed to the Google Groups "Blueprint CSS" group.
To post to this group, send email to bluepr...@googlegroups.com.
To unsubscribe from this group, send email to blueprintcss...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.

[SFAgitator]

That's exactly what I've done, but it doesn't surround the inner
container. It doubles-up the border at the top. So basically, I have a
2px border only at the top. Looks the same in all browsers. I have not
modified the blueprint files at all.


On Apr 26, 11:56 am, Artur Leśniewski <arturlesniew...@gmail.com>
wrote:

> #outerContainer{width:958px; border:1px solid #000; margin: 0 auto;}

> 26-04-2012 15:57 użytkownik "SFAgitator" <marklewisstew...@gmail.com>

[Artur Leśniewski]

if you need border, override class from blueprint file

for example:

if you have 

.span-8 {width:300}

.span-8.borderClass {width: 296px; border:2px solid #ff0; }

in use:

<div class="span-8 borderClass">

   Lorem ipsum....

</div>

2012/4/30 SFAgitator <marklewi...@gmail.com>

--
Pozdrawiam,
Artur Leśniewski

[mobile] +48 504655990
[email] arturle...@gmail.com
[gg] 1859766
[www] http://www.mnich.pl
[allegro] http://allegro.pl/show_user_auctions.php?uid=267851

[BBunny]

SF, if you copied and pasted that CSS directly from your code, there should be a colon after "margin." That's probably not what you did, but just in case...

[Mark Stewart]

No, that wasn't it. I finally got it to work by placing an "hr class=space" after each of my divs. I don't understand why that made it work, but it did.

--

You received this message because you are subscribed to the Google Groups "Blueprint CSS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/blueprintcss/-/BVNQW265N-AJ.

[Sean K. Stewart]

Mark,

It seems like float issue. The divs inside your outer container need to be cleared so the outer container's border could wrap around all the inner divs. Hard to explain in writing. Hope this helps

Sean K. Stewart
www.seankstewart.com

To unsubscribe from this group, send email to blueprintcss+unsubscribe@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.

To unsubscribe from this group, send email to blueprintcss+unsubscribe@googlegroups.com.

[Mark Stewart]

Yes it does - thanks!

To view this discussion on the web visit https://groups.google.com/d/msg/blueprintcss/-/7AM1x8ZRXc0J.

To post to this group, send email to bluepr...@googlegroups.com.

To unsubscribe from this group, send email to blueprintcss...@googlegroups.com.

[BBunny]

Sean, can you be a little more specific? Just when I think I've nailed the "float" property, all of a sudden I lose it again. Are you talking about putting a div with the class "clear" after each nested div? If so, can you explain why this makes the border wrap? And could you give us an example of what the code would look like. SF hasn't even told us whether the inner divs are floated. Are you assuming they are?