471,618 Members | 1,312 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,618 software developers and data experts.

Help! DIV footer setting for IE and other browsers...

Hi guys , am writing a web page , which a lot of divs.
Everything is fine , but I want to make a footer.
Am not able to do that.

I am using:

div.footer
{
position:fixed;
bottom:0px;
left:0px;
width:100%;
}

for the footer... but not working , IE is nor positioning the footer to down , and neither to left , and also , the width is not set to full too.

Notes:
1.The footer must align itself below every other content , to the bottom of the page , according to screen/window size.
2.The footer must be full width set to the window size
3.The footer must work on IE , Opera mainly


Basically , the footer must be aligned down (bottom of the page) to full width (100%) , according to the screen and window size.

Please help me....
Nov 5 '07 #1
2 1325
JamieHowarth0
533 Expert 512MB
Hi gamernaveen,

The reason your code isn't working is because you are using the property "bottom" which does not exist. "top" does, however, so you could try this:
Expand|Select|Wrap|Line Numbers
  1. div.footer
  2. {
  3. position:fixed;
  4. top:90%;
  5. left:0px;
  6. width:100%;
  7. }
  8.  
Not only that but ensure that the <div> in question comes after all your other <div>'s in your code. That way you stand the best chance of it being inline and displaying correctly.

Hope it helps.

Best regards,

medicineworker
Nov 5 '07 #2
drhowarddrfine
7,435 Expert 4TB
"bottom" does exist and is part of CSS.
Position:fixed, however, only works in modern browsers and not IE.
IE also errs and mishandles 'width', treating it as min-width. Of course, min-width doesn't work in IE.
Nov 5 '07 #3

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

4 posts views Thread by Sarir Khamsi | last post: by
2 posts views Thread by Sudheer Kareem | last post: by
6 posts views Thread by wukexin | last post: by
5 posts views Thread by Craig Keightley | last post: by
reply views Thread by tbatwork828 | last post: by
5 posts views Thread by Steve | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.