Ellen Heitman wrote: > To follow up on my last question, I'm including a link of the issue: > http://www.williamtobrien.com/letters_leaving.html > > You'll notice that after the header (e.g., December 1942) there is a huge > gap between it and the rest of the content. This error appears only in IE > (I'm using version 7), it is displayed correctly in FF, Safari, Google > Chrome, etc. I am using an iframe here and, strangely, when I view the > original file in an IE browser, a bunch of strange characters (empty > squares) appear below the heading and before the other content. Someone > suggested this may be a server issue and not a CSS problem, in which case I > would have to go elsewhere to get it resolved. Just wanted to check one last > time to see if I should look into server-side issues, or if it's something > in my HTML or CSS code. > > Thanks so much for all your help! > > ellen
Firstly you may want to just target IE7- with those CC. IE8 doesn't need to be nursed along. <!--[if IE]> <link href="IE_styles.css" rel="stylesheet" type="text/css" /> <![endif]--> <!--[if lt IE 8]> <link href="IE_styles.css" rel="stylesheet" type="text/css" /> <![endif]--> Does removing the below style in the CSS, <http://www.williamtobrien.com/IE_styles.css> #abouttext { left:46px; top:590px; } help IE7- out. This is about the place where the <table> within the iframe is positioned. A <table> triggers *hasLayout* by default in IE7- and this may be the cause of the problem. You may need to approach the positioning of the div#bigredbar and div#bigredbar in a different way for IE7-. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/