DaveOnCode » positioning http://www.daveoncode.com Objective C, iOS and more programming stuff Mon, 19 Dec 2011 12:11:12 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 CSS tip: if you can’t remove the evil, you can imprison it! http://www.daveoncode.com/2008/11/21/css-tip-if-you-cant-remove-the-evil-you-can-imprison-it/ http://www.daveoncode.com/2008/11/21/css-tip-if-you-cant-remove-the-evil-you-can-imprison-it/#comments Fri, 21 Nov 2008 15:13:59 +0000 Davide Zanotti http://daveoncode.wordpress.com/?p=57 ]]> prisonYesterday a colleague asked me to help her in debugging a crazy behavior of internet explorer 6 (all the others browsers worked fine!), which caused the wrong display of the boxes inside the page. The bug was caused by the rendering of a jQuery powered div, ie one of those things like:

$("#myDivID").doMagic({...});

In somehow the jQuery’s function used, annoyed ie6 due to the CSS styles that it applied to the div. After a couple of minutes of debugging, I realized that we should have needed to spend a full day or more to fix the problem at the root (due to the complexity of the page content). So I decided to isolate the problem by using the CSS positioning technique. Fundamentally I put the div (“#myDivID”) into another div with relative position and set the first with an absolute position, in this way:

<div style="position: relative; width: Npx; height: Npx;">
    <div id="myDivID" style="position: absolute; top: 0; left: 0;"></div>
</div>

With this expedient “myDivID” is now “trapped” into the parent div and it can’t influence the others page elements.

]]> http://www.daveoncode.com/2008/11/21/css-tip-if-you-cant-remove-the-evil-you-can-imprison-it/feed/ 0