Solved

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

Posted on 2013-05-29
4
401 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 10

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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

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.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

822 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