Quote:
Originally Posted by kazzyOK
I am scratching my head having an issue with IE7.
|
This is showing to be quite stable in IE, FF Chrome and Opera
(index.html)
line 21, 36, 43 & 45 : remove clearing divs
Leave the one at line 70.
add below #main in _style
Code:
/* add */
#main,
#header { position: relative; }
/* org
#middle { width:100%; }
*/
/* rev */
#middle { width:100%; position:relative; padding-top:190px }
The other browsers seem to ignore the top padding without any hacking. Perhaps somebody can help explain this finding?
This might be overkill...
Code:
/* org
#header_tall { background:url(images/header_tall.gif) top repeat-x; }
*/
/* rev */
#header_tall {
background: transparent url(images/header_tall.gif) repeat-x 50% 0%;
position: relative;
}
Absolutely positioned elements within this block will not affect document flow.