Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Tags Active Topics RSS Search Mark Forums Read

Reply
 
Thread Tools Search this Thread
  #1  
Old 20-05-2009
Member
 
Join Date: Dec 2008
Posts: 41
Css positioning a div at bottom of window

I am trying for a way to make a footer menu attached to the bottom of the browser window, overlapping other content .I am able to replacing table layout css positioning but how can i put my box at the bottom of the page? i want it at the bottom of browser window how can i do that ?can someone help me ?

thank you
Reply With Quote
  #2  
Old 20-05-2009
Member
 
Join Date: May 2008
Posts: 2,383
Re: Css positioning a div at bottom of window

try this code
Quote:
<style>
html, body { height: 100%; min-height:100%; height:auto!important; }
body { margin: 0; padding: 0; background: #d7e3ea; /*right bg */}
#background { /*left bg */ position: absolute; width: 50%; height: 100%; background: #000000;}
#content { position: relative; z-index: 1; height: 100%; /* puts content on top of background in stack order */ margin:0px auto; /*to center in IE*/ text-align:center;}
#mainTable { margin:0px auto; /*to center in IE*/ text-align:center; height: 100%; min-height:100%; width: 1077px; left:-9px; position: relative; background-image:url(images/shaded_bg.jpg); background-repeat:repeat-y; }
</style>
Reply With Quote
  #3  
Old 20-05-2009
Member
 
Join Date: Jan 2008
Posts: 1,515
Re: Css positioning a div at bottom of window

if you footer at bottom of window , try this code

css code

Quote:
html, body {
height:100%;
}
#non-footer {
min-height:100%;
}
* html #non-footer {
height:100%;
}
#footer {
height:50px; (or whatever height you have)
margin-top:-50px;
}

And the markup
<body>
<div id="nonfooter">
All of your page's content - NOT absolutely positioned, but relative or static
</div>
<div id="footer">
the part you want to be sticked to the bottom of the screen/page
</div>
</div>
Reply With Quote
  #4  
Old 04-11-2009
swapantech1
 
Posts: n/a
Re: Css positioning a div at bottom of window

Dear Modifier,

With due respect, I am pleased to get the CSS code.

With thanks & regards,

swapan.
Reply With Quote
  #5  
Old 05-11-2009
Member
 
Join Date: Feb 2008
Posts: 1,848
Re: Css positioning a div at bottom of window

If you have to keep position absolute, you may try positioning from the top. Assign "position:relative" to your "container" div, and then "position:absolute;bottom:0;" to your "copyright" div. You can check out the following link.

How to get Image Positioning In CSS

How to set the Dynamic positioning of an image in JSP
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags: , , , ,



Thread Tools Search this Thread
Search this Thread:

Advanced Search


Similar Threads for: "Css positioning a div at bottom of window"
Thread Thread Starter Forum Replies Last Post
Black Window on the bottom of Netgear WNCE2001 ZaidaB Networking & Security 3 22-10-2011 10:36 AM
Utility for mouse cursor positioning Diamond! Windows Software 3 15-10-2011 07:24 AM
Nokia E72 GPS Positioning Method Manish M. Singh Portable Devices 3 27-11-2010 01:29 AM
How to set the Dynamic positioning of an image in JSP Fragman Software Development 3 23-09-2009 01:04 PM
How to get Image Positioning In CSS spuff Software Development 3 21-09-2009 10:26 AM


All times are GMT +5.5. The time now is 01:45 PM.