CSS Sheet Screwed Up.. Help

xfile102

New Member
I am building a new site HERE, and things were going great at first. I needed to adjust a column on one page to allow it to be wide enough to fit several images side by side, so I edited the width of the box. When I did that, it screwed up almost every page, causing formatting issues. Can someone please help me correct this?
On the Home Page, The section there that says "What We Do" is supposed to be exactly aligned with the rest of the content in the center of the page. How can I fix the style sheet to correct this without screwing up every other page?
 

CaldwellYSR

Member
Code:
.body {
    width: 920px;
    margin: 0 auto;
}

I'm not sure if this will effect any of your other pages though. Did you write this code or is it a template?

BTW your logo covers alot of your navigation
 

xfile102

New Member
Code:
.body {
    width: 920px;
    margin: 0 auto;
}

I'm not sure if this will effect any of your other pages though. Did you write this code or is it a template?

BTW your logo covers alot of your navigation

It was a Template. How can I fix the logo? It renders great on Laptops and desktops, but on mobile, it covers half the dang menu. Sorry, I am SOOOO new to all this.
 

xfile102

New Member
Code:
.body {
    width: 920px;
    margin: 0 auto;
}

I'm not sure if this will effect any of your other pages though. Did you write this code or is it a template?

BTW your logo covers alot of your navigation

OMG!!!! You fixed it. That simple!!! May I ask a huge favor? I will pay if needed, If I upload the site to my server so you can look at the pages, could you help me fix a few design elements as far as Alignment? Those are my only problems!!
 

CaldwellYSR

Member
OMG!!!! You fixed it. That simple!!! May I ask a huge favor? I will pay if needed, If I upload the site to my server so you can look at the pages, could you help me fix a few design elements as far as Alignment? Those are my only problems!!

Put it up and keep posting questions here. I'm sure you'll get answers from someone :) Everyone here is very willing to help.

oh and I missed the other question. It doesn't render great on my laptop. The logo is too big. I'll take a look and see what the problem is there.
 
Last edited:

CaldwellYSR

Member
Okay well this is going to be fun.... The image issue is alot more complicated than the others. The problem is your image has a static width (aka it's not flexible) and is absolutely positioned. So it's always going to be 3px from the top and 17px from the left of the browsers, no matter how big the browser is. Obviously that's not a good idea because if you're on a 27inch iMac with the browser full screen your logo is going to be nowhere near the rest of the content and if you're on mobile your logo is going to be all over the other content.

Truly fixing this would require getting @$$ deep in this template and really changing some stuff around. I don't think that's very practical though because to be honest this template is poorly coded as it is and I don't think anybody here would be willing to put themselves through that. A quick fix that will help is just going to be using a smaller image and changing the top,left positioning of #apDiv1
 
Last edited:
Top