Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Same-width div is different widths on separate pages

Posted on 2014-11-17
2
165 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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

828 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