• Resolved agfreesafety

    (@agfreesafety)


    Just outside of the sidebars on my site, there are vertical dark grey (or black) lines.

    How might I go about removing them?

    Thanks for your help.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Edit #wrap in /silveray/master.css

    #wrap {
    background: none repeat scroll 0 0 #E7E7E7;
    border-left: 2px solid #5C5C5C;
    border-right: 2px solid #5C5C5C;

    margin: 0 auto;
    max-width: 1050px;
    min-width: 950px;
    }

    Thread Starter agfreesafety

    (@agfreesafety)

    Here’s a screenshot of the lines I’m talking about. Thanks for your time!

    Thread Starter agfreesafety

    (@agfreesafety)

    Wow! Thank you SO much!

    You wouldn’t happen to know where I’d remove this line, would you?

    Again, thanks.

    I’m not sure where that one is coming from. It might be part of the image carousel, but I can’t tell for sure.

    Thread Starter agfreesafety

    (@agfreesafety)

    I was just told that it could be just a margin or a padding issue within the div element.

    I’m also told that I can set the top margin for the element below it to 0px or make sure the parent element has zero padding.

    Now I just have to figure out where this change needs to be made.

    This looks like an explorer bug on your nice looking football ad. In Firefox the problem doesn’t show up.

    To solve the problem you should look at the CSS “width” and “padding” values of each of the elements that contain the ad.

    It looks like one of those has a width or padding with a left value that is too high.

    Remember “TROUBLE” – TRBL – Top Right Bottom Left.

    Thread Starter agfreesafety

    (@agfreesafety)

    This looks like an explorer bug on your nice looking football ad. In Firefox the problem doesn’t show up.

    That’s interesting, because it shows up for me from within Firefox.

    I’m having a tough time finding the section of the code that needs to be modified. I’m sorry, I don’t know CSS yet. I will definitely put in time to learn it in the near future.

    Thread Starter agfreesafety

    (@agfreesafety)

    I just learned how to inspect sections of my webpage with Firebug.

    I inspected the portion of the screen where this issue is taking place.

    Here’s a screenshot of what Firebug displays.

    The arrow points to some padding values. Per your suggestion, I wanted to modify these numbers so I can test to see if they’ll fix my issue.

    My problem, is I’ve searched my style.css, master.css, and sidebar.php for “.smooth”, so I can find this portion of code, but I can’t find it.

    How do I figure out which file contains the stuff I’m trying to modify?

    It shows in Firefox for me too.

    ..edit master.css

    Try changing this:

    #content {
    
    	margin: 50px 0;
    
    	background:  url(images/bg_sb_left.gif) repeat-y 0 0;
    
    	}

    to this:

    #content {
    
    	margin: 50px 0;
    
    	background:  url(images/bg_sb_left.gif) repeat-y 0 0 #E8E8E8;
    
    	}

    That might do it.

    Thread Starter agfreesafety

    (@agfreesafety)

    That did the trick! Thank you soooooo much!

    Thread Starter agfreesafety

    (@agfreesafety)

    Thanks again!

    You’re welcome!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘How Do I Get Rid of These Lines on My Site?’ is closed to new replies.