divinedesigns1 Posted June 3, 2012 Report Share Posted June 3, 2012 soo, i been looking at this website and im not sure whats the problem really is, i have a div that holds a background image to 100% of its width, then i set the normal codes. before when i set the div that holds the background image, everything gets messed, so i recreate it, which work fine, until i get to the footer part of the css, the footer is a sticky footer you know the normal code, blah blah. that work, but when i try to colour it in with some css background the colour doesnt show weird, so im looking at it at the moment and still cant figure out whats the problem, the footer is outside of the wrapper but inside of the div that holds the background imagethis is the html code "ignore the object tags, thats not important atm" <div id="contain"><div id="wrapper"><div class="tpa"></div><div class="menu"></div><div class="header"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="1024" height="350" id="header" align="middle"> <param name="movie" value="header.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="play" value="true" /> <param name="loop" value="true" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="menu" value="true" /> <param name="devicefont" value="false" /> <param name="salign" value="" /> <param name="allowScriptAccess" value="sameDomain" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="header.swf" width="1024" height="350"> <param name="movie" value="header.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="play" value="true" /> <param name="loop" value="true" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="menu" value="true" /> <param name="devicefont" value="false" /> <param name="salign" value="" /> <param name="allowScriptAccess" value="sameDomain" /> <!--<![endif]--> <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a> <!--[if !IE]>--> </object> <!--<![endif]--> </object></div><div class="content">1</div></div><!-- wrapper --><div id="footer">1</div></div><!-- background --> and this is the css for the page html, body {height:100%;margin:0px;padding:0px;text-align:justify;background:#eee;}#contain {margin:0px;padding:0px;width:100%;background-image:url(../images/bg.jpg);background-repeat: repeat-x;background-position: center top;}#wrapper {min-height:100%;width:1024px;height:auto;background-color:#fff;margin:0 auto;}.tpa {width:1024px;background-image:url(../images/top-front.jpg);background-repeat:no-repeat;height:101px;}.menu {width:1024px;height:40px;background-image:url(../images/menu.jpg);background-repeat:no-repeat;}.header {width:1024px;height:350px;}.content {overflow:auto;padding-bottom:43px;width:1024px;}#footer {position:relative;clear:both;margin-top:-43px;height:43px;width:1024px;margin-right:auto;margin-left:auto;blackground:#333;} as you see, everything just flow with everything weird part is the footer doesnt display the background colour as it should Link to comment Share on other sites More sharing options...
divinedesigns1 Posted June 3, 2012 Author Report Share Posted June 3, 2012 oo btw, the w3c validation isnt show no error, report, hidden etc Link to comment Share on other sites More sharing options...
Ingolme Posted June 3, 2012 Report Share Posted June 3, 2012 I think the problem is the black-ground: blackground:#333; Link to comment Share on other sites More sharing options...
divinedesigns1 Posted June 3, 2012 Author Report Share Posted June 3, 2012 yeah i just found that, misspelled word lol, thanks foxy, also can you check the sticky footer for me, thats not working as i though it should Link to comment Share on other sites More sharing options...
Ingolme Posted June 3, 2012 Report Share Posted June 3, 2012 The wrapper and footer need to be direct child nodes of the <body> element for this to work. Deleting the #contain element gets the sticky footer to work just fine. Link to comment Share on other sites More sharing options...
divinedesigns1 Posted June 3, 2012 Author Report Share Posted June 3, 2012 The wrapper and footer need to be direct child nodes of the <body> element for this to work. Deleting the #contain element gets the sticky footer to work just fine.awwww mannnn thanks, and goodbye contain Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now