I cant get any space on the left side, in IE it cuts off the icons for the list.

www.nufish.com/CEC

Comments

marblegravy’s picture

marblegravy commented
Status: Active » Fixed

The problem comes in with IE when it doesn't have enough space to render everything due to it's weird-ass box model issues. Fix it (as well as the other spacing issues with the abac theme in ie6) with the following code added to your CSS file:

/* Fix for ie6/win having issues with the sticky boxes and causing it to reflow below the menu. */
* html .main { MARGIN: 0px auto; WIDTH: 720px}
* html .leftColumn LI A { HEIGHT: 1%; PADDING: 8px 0px 8px 0px; DISPLAY: block; MARGIN: 0px; COLOR: #666; TEXT-DECORATION: none}
* html .leftColumn P A { HEIGHT: 1%; PADDING: 8px 0px 8px 5px; DISPLAY: block; MARGIN: 0px; COLOR: #666; TEXT-DECORATION: none}
* html .leftColumn LI A:hover { HEIGHT: 1%; PADDING: 8px 0px 8px 0px; DISPLAY: block; MARGIN: 0px; COLOR: #000; TEXT-DECORATION: none}
* html .leftColumn P A:hover { HEIGHT: 1%; PADDING: 8px 0px 8px 5px; DISPLAY: block; MARGIN: 0px; COLOR: #000; TEXT-DECORATION: none}
* html .leftColumn LI { HEIGHT: 1%; PADDING: 8px 0px 8px 0px; MARGIN: 0px;}
* html .menu LI A.active { HEIGHT: 1%; PADDING: 8px 0px 8px 5px; DISPLAY: block; MARGIN: 0px; COLOR: #000; TEXT-DECORATION: none}

It should fix all of the irregularities your site has in ie6.

Anonymous’s picture

(not verified) commented
Status: Fixed » Closed (fixed)