SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Evangelist
    Join Date
    Mar 2006
    Posts
    412
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem with background colour

    Morning folks...

    It must be something very simple, but in IE i get a background colour...in firefox and opera i get nothing.

    The page can be viewed (still very musch work in progress)here.

    My code is as follows (its very untidy a moment...i still need to insert the adobe plugin for IE yet)

    ..many thanks in advance


    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    /* commented backslash hack \*/ 
    /* commented backslash hack \*/ 
    html, body{height:100%;} 
    /* end hack */
    html,body {margin:0;padding:0}
    body {
    	text-align:center;
    	font: 62.5% "Lucida Grande", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
    	background-color: #660000;
    }/* centre for ie5.+*/
    #outer{
    	min-height:100%;
    	height:auto;
    	width:766px;
    	margin-left:auto;
    	margin-right:auto;
    	position:relative;
    	text-align:left;
    
    
    }
    #logo{
    	background-image: url(albany-logo.png);
    	background-repeat: no-repeat;
    	height: 63px;
    	width: 200px;
    	z-index: 200;
    	position: absolute;
    	right: 10px;
    	top: 10px;
    }
    #offer{
    	background-image:url(offers.png);
    	Background-repeat:no-repeat;
    	height: 150px;
    	width: 150px;
    	position: absolute;
    	right: 10px;
    	top: 10px
    	
    	top: 30px;
    	z-index: 600;
    	top: 30px;
    }
    #bkflash {
    	width:100%;
    	position:absolute;
    	bottom:0;
    	left:0;
    	height:100%;
    	background-color: #660000;
    	
    }
    
     /*  Navigation \*/
    #mainCol {
    	font-size: 4em;
    	letter-spacing: -3px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	padding-bottom: 10px;
    	line-height: 1em;
    }
     
    #mainCol ul{
    list-style:none;
    margin:0px 0;
    padding:0;
     }
     
    #mainCol li{
    display:inline;
    margin:0 10px 0 0;
    padding:0;
    height: auto;
    }
    
    #mainCol li a:link, #mainCol li a:visited {
    text-decoration:none;
    color: #FFFFFF;
    }
    
    #mainCol li a:hover {
    color: #660000;
    text-decoration:none;
    }
     
     
    
     #topnav {
    	color: #660000;
    	background-image: url(bk_trans.png);
    	background-repeat: repeat;
    	padding-left: 10px;
    	padding-top: 5px;
    	padding-bottom: 5px;
     }
    
     
    #subCol ul{
    list-style:none;
    margin:0px 0;
    padding:0;
    }
     
    #subCol li{
    	display:inline;
    	height: auto;
    	background-image: url(temp-linkbk.png);
    	background-repeat: no-repeat;
    	background-position: left center;
    	padding:0 0 0 15px;
    
    }
    #flashnews {
    	height: 200px;
    	width: 766px;
    	padding-top: 0px;
    	margin-top: 10px;
    	background-image: url(flashtopbl.png);
    	background-repeat: repeat-y;
    	}
    	
    #subCol li a:link, #subCol li a:visited {
    text-decoration:none;
    color: #666666;
    }
    
    #subCol li a:hover {
    color: #000000;
    text-decoration:none;
    }
    #footer2 {
    	width:100%;
    	position:absolute;
    	bottom:0;
    	left:0;
    	height:50px;
    	color: #999999;
    	background-image: url(bk_trans.png);
    	background-repeat: repeat;
    	margin-top: 25px;
    }
    #clearfooter{clear:both;height:2px;width:100%}
    div>p {margin:0}
    </style>
    </head>
    <body>
    
    <div id="bkflash"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="100%" height="100%" id="recursion_tree_branch" align="bottom">
     		<param name="allowScriptAccess" value="sameDomain" />
     		<param name="wmode" value="opaque" />
     		<param name="movie" value="test1.swf" />
    <param name="bgcolor" value="250000" />
     		<param name="quality" value="high" />
     		<param name="bgcolor" value="#660000" />
     		<embed src="test1.swf" mce_src="test1.swf" wmode="opaque" quality="high" bgcolor="#e7e7e7" width="100%" height="100%" name="main" align="bottom" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
     	</object></div>
    <div id="outer"> 
    <div id="logo"></div>
    <div id="offer"></div>
      <div id="mainCol">
      <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">WhatsOn</a></li>
      </ul>
      <ul>
      <li><a href="#">GetInvolved</a></li>
      <li><a href="#">HireUs</a></li>
      </ul>
      <ul>
      <li><a href="#">Cafe</a></li>
      <li><a href="#">News</a></li>
      <li><a href="#">InfoPoint</a></li>
      </ul>
      </div>
      
      
      <div id="topnav">
      <div id="subCol">
      <ul>
      <li><a href="#">HOME</a></li>
      <li><a href="#">WHATS ON</a></li>
      <li><a href="#">JOIN OUR MAILING LIST</a></li>
      <li><a href="#">PRESS AREA</a></li>
      <li><a href="#">ADD YOUR REVIEW</a></li>
      <li><a href="#">FIND US</a></li>
      <li><a href="#">BOOKING INFO</a></li>
      </ul>
      </div>
    </div>
    <div id="flashnews"></div>
    <div id="clearfooter"></div>
    <div id="footer2">Footer -</div>
    
    
    </div>
    
    </body>
    </html>

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,484
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Can you be a bit mores specific as to which element you are talking about and where we are looking.

  3. #3
    SitePoint Evangelist
    Join Date
    Mar 2006
    Posts
    412
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Actually the body colour...

    In IE, if you squeeze the window so the flash movie compresses to the top, you see a deep red....in firefox or safi, its just grey


    ....b

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,484
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Perhaps its because you set a grey background colour - just a guess


    Code:
    <embed src="http://www.donkeystudio.net/test1.swf" mce_src="http://www.donkeystudio.net/test1.swf" wmode="opaque" quality="high" bgcolor="#e7e7e7" width="100&#37;" height="100%" name="main" align="bottom" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    Get rid of that and see what happens

  5. #5
    SitePoint Evangelist
    Join Date
    Mar 2006
    Posts
    412
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you know what..sometimes i wish i had just kept my paper round all those years ago....

    Id changed 2 of the colour references....but missed the last one.

    I told you it was easy...sometimes i just go blind...i feel a bit of a fool now.

    Thanks for your help (again)


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
  •