advanced search

We Recommend

CSS: The Definitive Guide CSS: The Definitive Guide
Provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, text wrapping (nowrap), lists and generated content, table layout, user interface, paged media, and more.

Posted By

nealwatkins on 07/13/07


Tagged

element absolutely positioned


Versions (?)


Who likes this?

2 people have marked this snippet as a favorite

basicmagic
aziz


absolutely positioned element

Published in: CSS 

URL: absolutely positioned element

absolutely positioned element


Plain TextExpand 
  1. You are affected by an IE bug where an absolutely positioned element may disappear when they it is adjacent to a float.
  2.  
  3. Take a look at this article:
  4. IE/Win: floats and disappearing absolutely positioned divs (http://www.brunildo.org/test/IE_raf3.html)
  5.  
  6. As of IE7 it seems that this bug has only been partially fixed.
  7.  
  8. To solve your problem, you may try to put in a dummy separator div:
  9.  
  10. <div id="wrap">
  11. <div id="testa"></div>
  12. <div id="lingue" class="piccolo" align="left">
  13. <img src="img/england.gif" alt="english" align="bottom"/><a href="http://www.aroundtheworldinalotofdays.com"><span style="margin:0 5px;">english</span></a>
  14. <img src="img/italia.gif" alt="italiano" align="bottom"/><a href="index.php"><span style="margin:0 5px;">italiano</span></a>
  15. </div>
  16. <div></div>
  17. [...]
  18. </div>

Report this snippet 

You need to login to post a comment.