ansaurus

Question

How to position a div in bottom right corner or a browser?

Answer 1

A:

Try making its parent position:relative

Michael Robinson 2010-09-01 09:24:37

m afraid it didn't worked for me... i think its not appropriate here

KoolKabin 2010-09-01 09:26:06

Answer 2

A:

Try this:

#foo
{
    position: absolute;
    top: 100%;
    right: 0%;
}

Cipi 2010-09-01 09:30:46

I think that will make the top edge below the bottom edge of the parent element.

Michael Robinson 2010-09-01 09:32:42

No. 100% is screen.height - element.height.

Cipi 2010-09-01 10:16:25

Answer 3

+1 A:

This snippet works in IE7 at least

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Test</title>
<style>
  #foo {
    position: fixed;
    bottom: 0;
    right: 0;
  }
</style>
</head>
<body>
  <div id="foo">Hello World</div>
</body>
</html>

sewa 2010-09-01 09:33:18

thnx swa it worked...but what to do with IE6

KoolKabin 2010-09-01 09:34:57

ansaurus

tags:

views:

answers:

How to position a div in bottom right corner or a browser?

related questions