Jump to content

footer problem


divinedesigns1
 Share

Recommended Posts

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

oo btw, the w3c validation isnt show no error, report, hidden etc

Link to comment
Share on other sites

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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...