SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member lancewatson's Avatar
    Join Date
    Jul 2010
    Location
    Grand Rapids, Michigan, United States
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    background color issue

    I am having a issue with background color in my aside2 container. I have changed it to white. But I keep getting a gray background in it.

    Here is my code:
    Code:
    <!DOCTYPE html>
    <html lang="en" class="no-js">
    
    
    <head>
    
    	<meta charset="utf-8">
    	
    	<title>UAW 1002 Middleville, Michigan 49333 </title>
        <meta name="description" content="Bulldog ." >
        <meta name="keywords" content="custom web design, web design,  " >
    	
    	<link rel="stylesheet" href="styles.css" media="all">
        
        <script src="js/modernizr-1.7.min.js"></script>
    	
    	
    	
    
    </head>
    <div id="wrapper">
    <body>
    
    <header><div id="logo"><img src="l_uawLogo.jpg" id="logo1" alt="United Auto Workers(UAW) Local 1002 Middleville, Michigan" title="United Auto Workers(UAW) Local 1002 Middleville, Michigan"/></div>
    <div id="socialmedia">social media<div id="facebook"><img src="facebook.jpg" id="facebook"  alt=" FACEBOOK United Auto Workers(UAW) Local 1002 Middleville, Michigan" title=" FACEBOOK United Auto Workers(UAW) Local 1002 Middleville, Michigan"/></div><div id="youtube"><img src="youtube.jpg" id="youtube" alt=" YOUTUBE United Auto Workers(UAW) Local 1002 Middleville, Michigan" title=" YOUTUBE United Auto Workers(UAW) Local 1002 Middleville, Michigan"/></div></div>
    <nav>nav</nav>
    	
    
    </header>
    <aside>
    <div id="uawtoday" title=" Click UAW Today">UAW Today</div>
    <div id="uawhistory">UAW History</div>
    <div id="history">Local 1002 History</div>
    <div id="community">Community</div>
    </aside>
    
    <div id="header2" ><img src="uaw9.jpg" id="header2pic" width="495px" height="275px" alt="United Auto Workers(UAW) Local 1002 Middleville, Michigan" title="United Auto Workers(UAW) Local 1002 Middleville, Michigan"/></div>
    
    <div id="aside2">
    <div id="calenderheading">calenderheading</div>
    <div id="calendertext"><iframe src="https://www.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;height=190&amp;wkst=1&amp;bgcolor=%23ffffff&amp;ctz=Pacific%2FMidway" style=" border:solid 0px #ffffff " width="279" height="196" frameborder="0" scrolling="no"></iframe>
    </div>
    <div id="latestnews">latestnews</div>
    <div id="newsbox">newsbox</div></div>
    
    <div id="main"><div id="mainheading">mainheading</div><div id="maintext">main text</div></div>
    
    
    <footer>
    <p>footer</p>
    </footer>
    
    <script type="text/javascript" src="js/general.js"></script>
    </body>
    </div>
    </html>
    
    
    
    @charset "utf-8";
    /* CSS Document */
    
    #wrapper{
    margin: 0 auto;
    width: 1000px;
    height: 1000px;
    border: 3px solid gray;
    overflow: hidden;
    	}
    
    body{
    background-color: #eeeeee;
    overflow: hidden;}		
    
    header{
    float:left;
    width: 1000px;
    height: 123px;
    background-color: #ffffff;
    padding: 0px 0px 0px 0px;
    }
    
    #logo1{
    -moz-border-radius: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px;	
    	
    }
    
    aside{
    float:left;	
    width: 200px;
    height: 275px;
    background-color: #ffffff;
    padding: 5px 5px 5px 5px;	}
    
    #header2{
    float: left;
    width: 480px;
    height: 265px;
    background-color: #ffffff;
    padding: 5px 10px 0px 0px}
    
    #header2pic{
    -moz-border-radius: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px;	
    	
    	}	
    
    #main{
    float:left;
    width: 690px;
    height: 250px;
    background-color: #ffffff;
    padding: 0px 0px 5px 0px;
    margin: 20px 0px 0px 5px;
    }
    
    #mainheading{
    float:left;
    width: 695px;
    height: 30px;
    background-color: #00407e;
    border-top-left-radius: 5px;	
    border-top-right-radius: 5px;
    padding: 0px 0px 0px 5px;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    
    
    	
    	
    	}
    	
    #maintext{
    float:left;
    width: 687px;
    height: 100px;
    background-color: #eeeeee;
    padding: 0px 5px 0px 5px;
    border: 2px solid #cccccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    	
    	}	
    
    #aside2{
    float: right;
    width: 285px;
    height: 515px;
    background-color: #ffffff;
    padding: 0px 0px 0px 0px;
    margin: 5px 5px 0px 5px;
    overflow: hidden;
    
    
    	}
    	
    #calenderheading{
    float: left;
    width: 280px;
    height: 25px;
    background-color: #00407e;
    padding: 0px 0px 0px 5px;
    border-top-left-radius: 5px;	
    border-top-right-radius: 5px;
    color: #ffffff;
    
    
    
    	}	
    	
    #calendertext{
    float: left;
    width: 279px;
    height: 200px;
    background-color: #ffffff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
    border: 2px solid #cccccc;
    
    
    	}		
    	
    #latestnews{
    float: left;
    width: 280px;
    height: 25px;
    background-color: #b3150c;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
    border-top-left-radius: 5px;	
    border-top-right-radius: 5px;
    color: #ffffff;
    
    	
    	}
    	
    	
    #newsbox{
    float: left;
    width: 272px;
    height: 200px;
    background-color: #eeeeee;
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 20px 0px;
    border: 2px solid #cccccc;
    	
    	
    	}		
    
    footer{
    float:left;
    width: 1000px;
    height: 100px;
    background-color: green;	}
    
    #logo{
    float: left;
    height: 117px;
    width: 172px;
    background-color:#ffffff;	
    margin: 5px 0px 0px 5px;
    	
    
    	}
    	
    #socialmedia{
    float: right;
    height: 40px;
    width: 550px;
    background-color: #ffffff;	
    margin: 5px 0px 0px 0px;
    
    	}
    
    #facebook{
    float: right;
    height: 40px;
    width: 40px;
    background-color: #ffffff;	
    margin: 0px 10px 0px 15px;
    
    	}
    	
    #youtube{
    float: right;
    height: 40px;
    width: 40px;
    background-color: #ffffff;	
    
    	}	
    nav{
    float: right;
    height: 50px;
    width: 700px;
    background-color: #eeeeee;
    margin: 20px 0px 0px 0px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -ms-border-radius: 25px;	
    
    	}
    	
    #uawtoday{
    height: 40px;
    width: 200px;
    background-color: #00407e;
    margin: 0px 0px 5px 0px;
    color: #ffffff;
    text-align: center;
    font-family: georgia, Arial, Helvetica, sans-serif;
    padding: 25px 0px 0px 0px;
    font-size: 18px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px;
    
     	
    	
    	}
    
    
    #uawhistory{
    height: 40px;
    width: 200px;
    background-color: #00407e;
    margin: 0px 0px 5px 0px;
    color: #ffffff;
    text-align: center;
    font-family: georgia, Arial, Helvetica, sans-serif;
    padding: 25px 0px 0px 0px;
    font-size: 18px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px;
    
    
    	
    	
    	}
    
    #history{
    height: 40px;
    width: 200px;
    background-color: #00407e;
    margin: 0px 0px 5px 0px;
    color: #ffffff;	
    text-align: center;
    font-family: georgia, Arial, Helvetica, sans-serif;
    padding: 25px 0px 0px 0px;
    font-size: 18px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px;
    
    
    	}
    
    #community{
    height: 40px;
    width: 200px;
    background-color: #00407e;
    margin: 0px 0px 5px 0px;
    color: #ffffff;
    text-align: center;
    font-family: georgia, Arial, Helvetica, sans-serif;
    padding: 25px 0px 0px 0px;
    font-size: 18px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px;
    
    
    	
    	
    	
    	}
    Last edited by Paul O'B; Nov 26, 2011 at 07:42.

  2. #2
    SitePoint Member lancewatson's Avatar
    Join Date
    Jul 2010
    Location
    Grand Rapids, Michigan, United States
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    RESOLVED!

    I do some of the dumbest ****. I did not add a background color to the wrapper.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,282
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    It's good that you managed to spot it yourself Sometimes just asking the question leads you to the right answer.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •