By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,648 Members | 1,198 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,648 IT Pros & Developers. It's quick & easy.

position: absolute in IE6

P: n/a
Hi,

I found that when I have such code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head></head><body>
<div id="spacer">
this<br>is<br>some<br>long<br>text<br>feel<br>free <br>to<br>add<br>or<br>remove<br>lines
</div>
<div id="outer" style="position: relative;">
<div id="inner" style="position: absolute; bottom: 0px;">
<img src="button.gif" />
</div>
</div>
</body></html>

IE6 will draw the button too far down, in fact as much too far as
#spacer is high! Where is the connection? What is the logic behind
this?

Regards,
André
Mar 11 '08 #1
Share this Question
Share on Google+
1 Reply


P: n/a
On 11 Mrz., 05:45, André Hänsel <an...@webkr.dewrote:
Hi,

I found that when I have such code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www..w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head></head><body>
<div id="spacer">
this<br>is<br>some<br>long<br>text<br>feel<br>free <br>to<br>add<br>or<br>remove<br>lines
</div>
<div id="outer" style="position: relative;">
<div id="inner" style="position: absolute; bottom: 0px;">
<img src="button.gif" />
</div>
</div>
</body></html>

IE6 will draw the button too far down, in fact as much too far as
#spacer is high! Where is the connection? What is the logic behind
this?

Regards,
André
At least I also found out that I can get correct behaviour when I set
"height: 100%;" for #outer. Conform browsers should ignore it since
100% of auto is auto, right?
Mar 11 '08 #2

This discussion thread is closed

Replies have been disabled for this discussion.