#1
  1. from the lab...
    Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Nov 2004
    Location
    the land of wind and ghosts
    Posts
    1,845
    Rep Power
    565

    background-color issues


    Howdy,

    Okay, this is driving me nuts...i have the background-color set the same for the header and the footer, only the header is displaying darker than the footer. I've been going over it with a fine-toothed comb, but can't find the problem.

    here's the site and here's the css;

    Code:
    /* Graphix Plus V 4.0 Styles */
    
    h1 {
    font-family:arial;
    font-size:16px;
    font-color:#006696;
    font-weight:bold;
    }
    
    h2 {
    font-family:arial;
    font-size:14px;
    font-color:#006696;
    font-weight:bold;
    }
    
    body {
    padding:0px;
    margin-top:0px;
    background-image:url(images/bground-pattern.gif);
    background-color:#FFFFFF;
    font-family:arial;
    font-size:12px;
    color:black;
    text-decoration:none;
    text-align:left;
    border: 1px solid #E5E5E5;
    }
    
    .contentarea {
    background-color:#FFFFFF;
    padding:6px;
    border: 1px solid #E5E5E5;
    }
    
    .flankers {
    background-color:#C6C6C6;
    padding:4px;
    border: 1px solid #E5E5E5;
    }
    
    .header {
    background-color:#006696;
    padding:4px;
    background-image:url(images/gp_v4_header.gif);
    background-position:top left;
    background-repeat:no-repeat;
    }
    
    a.mainnav:link {
    font-family:arial;
    font-size:12px;
    color:black;
    text-decoration:underline;
    }
    
    a.mainnav:visited {
    font-family:arial;
    font-size:12px;
    color:black;
    text-decoration:underline;
    }
    
    a.mainnav:hover {
    font-family:arial;
    font-size:12px;
    color:#006696;
    text-decoration:underline;
    }
    
    /* MAIN MENU LIST STYLE BEGINS - UL class = 'NAV'*/
    ul#nav, ul#nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        border-bottom: 1px solid #E5E5E5;
        background-image: url(http://www.graphixplus.com/images/no-pic.gif);
    	background-color:#C6C6C6;
        }
    	
    ul#nav li {
        position: relative;
        }
    
    li ul {
        position: absolute;
        left: 99%;
        top: 0;
        display: none;
    	background-color: #006696;
        }
    
    ul#nav li a:hover {
    	display: block;
    	text-decoration:none;
    	color:#E5E5E5;
    	background-color:#006696;
    }
        
    ul#nav li a {
        display: block;
        font-family:arial;
    	font-size:11px;
    	text-decoration: none;
    	color: #006696;
        padding: 1px;
        border: 1px solid #E5E5E5;
        border-bottom: 0;
        }
    	
    /* Fix IE. Hide from IE Mac \*/
    * html ul#nav li { float: left; height: 1%; }
    * html ul#nav li a { height: 1%; }
    /* End */
    
    ul#nav li:hover ul, ul#nav li.over ul { 
        display: block;
        }
    /*MAIN MENU LIST STYLE ENDS */
    
    /* FOOTER STYLES */
    .footer {
    padding:10px;
    background-color:#006696;
    font-family:arial;
    font-size:10px;
    color:#c6c6c6;
    text-decoration:none;
    border: 1px solid #E5E5E5;
    }
    
    a.footnav:link {
    font-family:arial;
    font-size:10px;
    color:#c6c6c6;
    text-decoration:underline;
    }
    
    a.footnav:visited {
    font-family:arial;
    font-size:10px;
    color:#c6c6c6;
    text-decoration:underline;
    }
    
    a.footnav:hover {
    font-family:arial;
    font-size:10px;
    background-color:#E5E5E5;
    color:#006696;
    text-decoration:underline;
    }
    /* end of footer */
    Any help is greatly appreciated!
  2. #2
  3. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,262
    Rep Power
    1960
    The image seems to be a solid color, #006898, while the background looks to be dithered a bit. (Firefox)

    This seems to be a common issue. Using twin doublets seems (not really tested) to ameliorate things, eg. make the image bg #006699.

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.
  4. #3
  5. from the lab...
    Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Nov 2004
    Location
    the land of wind and ghosts
    Posts
    1,845
    Rep Power
    565
    k thanks...i ended up eye-balling a different colour to use for the footer, and it looks proper in FF, IE, Opera and Netscape

    thanks again!

IMN logo majestic logo threadwatch logo seochat tools logo