Mobile skeleton CSS site not realizing correctly

Hi,  I have a web page that I'm trying to create a mobile accessible version for my framework.  I found the Skelton CSS tolls to be helpful, but I cannot get the page to resize correctly.  I tried removing all background images with jquery and replacing the header do that it isn't forcing a larger frame.  I've spent 2 weeks trying to get this to work and have changed the background colors and put a border around the page to help diagnose the problem.  Can anyone see where the error is?
http://www.usphs.org/veterinarian/index2.html
atljarmanAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

GaryCommented:
skeleton.css line 24
.container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 960px !important;
}

Open in new window

Notice the !important - it overrides any other css forcing your website to always be 960px
0
COBOLdinosaurCommented:
Can anyone see where the error is?

The HTML validator sees 41 of them.  Some don't mean much but some are serious and need to be fixed.  Until the screwed up code is cleaned up there is not much point in trying to go cross-device; the page is to broken to be reliable.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.usphs.org%2Fveterinarian%2Findex2.html&charset=%28detect+automatically%29&doctype=Inline&group=0

Clean it up and then when you have code that can be logicaly followed the problem will probably be fixable; at least we will be able to determin what styling is actually getting applied at the elemental level.

Cd&
0
atljarmanAuthor Commented:
Gary,

That seemed helpful.  I made the change to the .container class in the skeleton.css file but apparently the issue is not resolved.  Would you mind taking another look?

Please use this file.  its part of my framework, but the same issue is occurring in the index2.html file which makes me think that there is something in one of the css files that is awry.

http://www.usphs.org/default3.aspx
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

GaryCommented:
You still have that static width in the css.
0
atljarmanAuthor Commented:
Thanks Gary, I'm realizing that.  I'm fairly new to debugging CSS issues when multiple files are used and I inherited this project.  Do you have thoughts about how to find the offending width?
0
GaryCommented:
As above.

/css/skeleton.css line 23
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
atljarmanAuthor Commented:
Gary,

I must have uploaded over the changed.   Not feeling really smart right now.   Downloading and testing now.
0
atljarmanAuthor Commented:
I've requested that this question be closed as follows:

Accepted answer: 0 points for atljarman's comment #a39518480

for the following reason:

that worked.  Thank you to all that helped, but Gary was spot on.
0
GaryCommented:
Objecting to Closure as I think you meant to accept my comment not your own ;o)
0
atljarmanAuthor Commented:
Thank you Gary, moderator, please correct this and award Gary the points.  Good catch.  I don't need points but solutions.  Thanks again.
0
GaryCommented:
Just accept it yourself, the question is reopened.
0
atljarmanAuthor Commented:
Thx
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.