• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Can't use negative margin to expand width of sectionHeaders?

Jaxel

Well-known member
#1
This is a general HTML CSS problem...

This is the default...
1.png

If I add the following code:
Code:
margin: -10px -10px 10px;
It becomes this:
2.png

You would think that by adding those margins it would extend the width a total of 20px. Instead it simply moves the margin -10 to the left, and completely fails to extend the margin -10 to the right. Why is this happening and how do I get around this?

You can see this live on my website if you want to tinker with firebug or inspector...
http://www.8wayrun.com/
 

GofD

Well-known member
#4
Sorry - it's in the same sectionHeader

.EWRporta_Portal #recentThreads .sectionHeaders {
blah, blah, blah:
padding: 10px 0;
}

Change that to padding: 10px;
 

Jaxel

Well-known member
#5
Sorry - it's in the same sectionHeader

.EWRporta_Portal #recentThreads .sectionHeaders {
blah, blah, blah:
padding: 10px 0;
}

Change that to padding: 10px;
That doesn't fix it. Besides, padding wouldn't have anything to do with this issue. The issue is OUTSIDE of the box (margin), not INSIDE of the box (padding).