On 2/04/2011 9:53 AM, Cheryl Smith wrote:
I have developed a site and validated it. It looks good in Firefox and IE8 but
I have a couple of issues.
1) The footer does not show in either IE6 or IE7
2) There is a row of images above the menu, neither of which show in IE7
3) The images and menu show in IE6, but the top border of the menu is hidden in
IE6
Thanks for any help or direction.
Cheryl
www.loveslabradors.net
Find this CSS and either delete or change as suggested.
#header {
width:1000px;
/* height:115px; DELETE */
background: url(images/Max4Advantage-copy.jpg);
background-repeat:repeat-x;
}
#footer {
text-align:center;
color:#FFFFFF;
width:100%;
clear:both;
font-size:.9em;
float:right; /* CHANGE was float: left */
background: url(images/Max4Advantage-copy.jpg);
background-repeat:repeat-x;
padding-bottom:1em;
}
Instead of floating the footer right, you could float the div#main left
or just give IE7 the below CSS after the rule-set for div#footer above.
*:first-child+html #footer {
float:right;
}
In IE7- who can not clear successive floats floated in the opposite
direction. Please see this article that explain the bug (see Example 5b).
<http://css-class.com/articles/explorer/floats/floatandcleartest1.htm>
Make sure to view also in IE7- (or IE7 emulation mode) and any good
browser to see the difference.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [css-d@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/
