Solved

Same-width div is different widths on separate pages

Posted on 2014-11-17
2
143 Views
Last Modified: 2014-11-17
Hi,

On this page: mkmeals.com/responsive/index.html, the white section containing the text is the correct width.

However, on subsequent pages, such as mkmeals.com/responsive/low-sodium.html, the white section is a bit wide.

I've added a couple of screenshots to show what I mean.
The way it should look
Too wide.
From what I can ascertain, it is controlled by this CSS:

.col-md-10 {
    min-height: 840px;
    width: 83.3333%;
}

I guess I could change that to width: 82.5%, and on the one page use inline CSS to make it 83.3333%. But I am sure you more experienced experts will come up with a cleaner solution. Thanks.
Capture1.JPG
0
Comment
Question by:mel200
2 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40448419
On the first page you have margin-left:-10px inline
The second page doesn't have it.
0
 

Author Closing Comment

by:mel200
ID: 40448625
Thank you!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

864 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now