asked on

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

Gary

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

COBOLdinosaur

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&

atljarman

ASKER

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

Gary

You still have that static width in the css.

atljarman

ASKER

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?

ASKER CERTIFIED SOLUTION

Gary

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

atljarman

ASKER

Gary,

I must have uploaded over the changed. Not feeling really smart right now. Downloading and testing now.

atljarman

ASKER

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.

Gary

Objecting to Closure as I think you meant to accept my comment not your own ;o)

atljarman

ASKER

Thank you Gary, moderator, please correct this and award Gary the points. Good catch. I don't need points but solutions. Thanks again.

Gary

Just accept it yourself, the question is reopened.

atljarman

ASKER

Thx