right margins sticking out on my content div

Discussion in 'CSS' started by driven, Jul 16, 2008.

0
  1. #1
    I have my site here and as you can see, there is roughly a 10pixel margin sticking out of the content area and into the sidebar. I have no clue what is causing this. Can anyone help?
     
    driven, Jul 16, 2008 IP
  2. Ledzf

    Ledzf Peon

    Messages:
    77
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You sidebar padding was too much, It'll overflow.
    #sidebar {
	float: left;
	width: 220px;
	padding: 20px 10px;
	background-color: #a75525;
	overflow: visible;
}
    Code (markup):
    Change 10px to 5px.
    Btw, It's nothing you can do to increase the width in CSS as It's a background images, change it to somethings like DIV.
     
    Ledzf, Jul 17, 2008 IP
  3. driven

    driven Well-Known Member

    Messages:
    400
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    138
    #3
    Yeah,I knew I could decrease the padding (I have firebug). Sorry for not mentioning that. What I was trying to get at is that I need to give some padding to both the left and right side of the sidebar. As you can see, the email address is sticking out way too much and I don't know why.

    btw- I already have a div for the sidebar so no need to add another div
     
    driven, Jul 17, 2008 IP
  4. Ledzf

    Ledzf Peon

    Messages:
    77
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I mean using DIV with background property, It'll much flexible to increase of decrease this width of wrapper.
    Anyway I see you solve this problems with setting right padding 0pt, pt is not necessary btw.:)
     
    Ledzf, Jul 18, 2008 IP