Solved

CSS problem at small widths

Posted on 2015-02-03
3
106 Views
Last Modified: 2015-02-03
When viewing http://dev4.wpmate.net/ when the browser width is 600px or less, the columns (sidebars and content) are stacking correctly, but the content section is still showing too far right. It should be the whole way to the left the same as the sidebars.

I added this to the media section of the stylesheet for 600px:
      .page-template-three-column-php #content, .page-template-three-column-php .left-sidebar, .page-template-three-column-php .right-sidebar {
      width: auto;
      float: none;
      clear: both;
      }      

Can anyone see what's still making the content area push to the right?
0
Comment
Question by:Dzynit
[X]
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
3 Comments
 
LVL 7

Accepted Solution

by:
rgranlund earned 500 total points
ID: 40586978
.page-template-three-column-php #primary
line 1777 I think.  You have wrong CSS .  no floats are noted and a big margin to the left.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 40586995
It looks like the problem is that the page is structurally unstable because of the duplicate id at lines 56 and 109.  Ids must be unique otherwise the CSS parser does not know what you are referencing (even if you use a class).  The HTML parser will generate code to prevent the browser from throwing an uncaught exception, but it does not attempt to decide which node to attach to the styles.

Cd&
0
 
LVL 14

Author Comment

by:Dzynit
ID: 40587015
That was it. Thanks much! A fresh pair of eyes always finds it :)
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
This article shows the steps required to install WordPress on Azure. Web Apps, Mobile Apps, API Apps, or Functions, in Azure all these run in an App Service plan. WordPress is no exception and requires an App Service Plan and Database to install
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

691 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