Problem with margins/width

Hi,

If you go to http://www.edgetube.com/repair/ and scroll to the footer, you will see that EdgeTube Cellular, LLC is rather "squished"

This is in the

<div class="container footer-divider clearfix"> 

Code (markup):

I'm trying to make the company name straight out and put the divider in the center.

Any tips would be appreciated.

Thank you!

 

To center the divider, change left to 145px. That is half the container width minus the image width. It doesn't need top because it's vertically scrolled.
Of course, it would be better to have either a full width image or one that is a pixel wide, not sure why it has to be 325px

.footer-divider {
   background:url(images/footer-divider.gif) repeat-y 145px;
}

Code (markup):

Change the widths of the categories and about classes to 470px. You can remove the margin, padding, and height because they are not doing anything.

#footer .categories {
   float:left;
   width:470px;
}

#footer .about {
   float:left;
   width:470px;
}

Code (markup):

I think it would look better with the text on the left side, and the icons on the right side. To do that, float the paragraph block to the right:

p.about-text {
   float: right;
   margin:0 0 10px 0;
   font:0.92em Arial, Helvetica, sans-serif; color:#b2b2b2;
   line-height:17px;
}

Code (markup):

 

Wow great. Thank you so much!

 

You're welcome. Thanks for the rep!

If this is not for a client, you might want to remove the divider. That thing is so faint that I had to use super brightness just to see it, now my eyes hurt

 

Good idea. Just removed the divider

 

yes
good advice.....about divider