Solved

HTML5 CSS - main column has part shading background, should all have no background

Posted on 2013-05-29
4
398 Views
Last Modified: 2013-05-29
On the page below I created a wider column, but part of the column has a different background and should all be white. Sorry the css.main is very big and complex and was given to me and I dont completely follow. So if you can inspect it with whatever tools you have. I want the whole 820px not to have any background and I dont know what is thowing a spanner in the works.

/***  ilw 28 May 2013 for wider left col ,  ***/
body.left-main  #middle .left-wide-col {
  width: 820px;
  margin-right: 73px;
  float: left;

Open in new window


Here is the page that is mis-behaving:

http://www.housecarers.com/test4/about-us2.cfm


What do I need to do please?





http://www.housecarers.com/test4/about-us2.cfm
0
Comment
Question by:Ian White
  • 2
4 Comments
 
LVL 9

Accepted Solution

by:
Ishaan Rawat earned 500 total points
ID: 39204197
Just add this in your css any where...

.left-wide-col{
background: white !important;
}

Open in new window

0
 
LVL 4

Expert Comment

by:Ahmed Hussein
ID: 39204248
edit body.left-main #wrap

to

body.left-main #wrap {
       background: #ffffff;
}

Open in new window


~AG
0
 

Author Comment

by:Ian White
ID: 39204316
Thanks - the first solution works. I will accept the first one. The 2nd solution would work - but this would upset some other pages that use the same CSS
0
 

Author Closing Comment

by:Ian White
ID: 39204318
Yes this is a difficult one when the same css is shared by a lot of pages and need to have a specific solution just for this page
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

Suggested Solutions

Title # Comments Views Activity
SharePoint 2013 Searchbox Branding 11 41
Angular 2 - Issue in page Layout 2 47
AngularJS Page Control Understanding 5 39
Capture logon name 12 31
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
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).

912 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

18 Experts available now in Live!

Get 1:1 Help Now