Re: [css-d] Logo Image Disappears in IE7 (squeaking the wheel)
Dave M G wrote:
I posted a few days ago about a problem where some images set as
background images in div tags were not displaying in
Internet Explorer version 7.
[...]
The HTML is essentially just nested div tags:
div id=logo
a href=/spanArticlass/span/a
div id=logo-right
div id=logo-left
div id=main-menu
?php menu(main_menu); ?
/div!-- ends main-menu --
/div!-- ends logo-left --
/div!-- ends logo-right --
/div!--ends logo --
The tag logo has a background image that repeats. The logo-left
div has a background - the main title text - that doesn't
repeat and is positioned on the left. And, as expected,
the logo-right div has
a thin background, positioned on the right.
I'm not sure if the following is the only reason, but surely it contributes:
You have #logo-left { height: inherit; }
The inherit keyword is not supported by IE (IE7 included), so you are not
getting the desired height for your #logo-left.
Assign an explicit height, I think 180px is what you want (you can probably
also use height:100% on both #logo-right and #logo-left, since this is the
explicit height on the parent #logo.)
HTH,
Bruno
--
Bruno Fassino http://www.brunildo.org/test
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Logo Image Disappears in IE7 (squeaking the wheel)
Bruno, Thank you for responding. I'm not sure if the following is the only reason, but surely it contributes: The inherit keyword is not supported by IE (IE7 included), so you are not getting the desired height for your #logo-left. Assign an explicit height, I added an explicit height, and made the width 100%. Unfortunately, that does not seem to have done it: http://www.browsercam.com/public.aspx?proj_id=356657 Is there another IE7 condition I need to be aware of? -- Dave M G __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Logo Image Disappears in IE7 (squeaking the wheel)
Dave M G wrote: I added an explicit height, and made the width 100%. Unfortunately, that does not seem to have done it: http://www.browsercam.com/public.aspx?proj_id=356657 I see the articlass background image in IE7 and the above browsercam page shows it too. I mean the gold 3d text in the header. Maybe you are referring to another problem, or just have a caching issue? Bruno -- Bruno Fassino http://www.brunildo.org/test __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Logo Image Disappears in IE7 (squeaking the wheel) [SOLVED]
Bruno, Thank you for responding. Maybe you ... have a caching issue? Yes, you are right. I cleaned out my cache and see that your fix is, in fact, working as hoped. Thank you for your help. It was exactly the information I needed. -- Dave M G __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Logo Image Disappears in IE7 (squeaking the wheel)
CSS-d, I posted a few days ago about a problem where some images set as background images in div tags were not displaying in Internet Explorer version 7. I got no response, which I'm hoping is only because I got lost in the traffic of email, and not because the solution is beyond anyone's ability to answer. So I am making another appeal for help. If there is some obvious instruction that I am missing, please feel free to tell me to RTFM, just please let me know where in the M to FR. I have searched the web for insight onto why this is happening, and can not see any clear explanation of why IE7 is treating the background different. Through the benefit of BrowserCam ( http://www.browsercam.com/public.aspx?proj_id=356657 ) I can see that my web page is working fine in all other non-Microsoft browsers. IE6 I am not worrying about. But IE7 (on the second page of the above link) is not showing the text in the title graphic. The HTML is essentially just nested div tags: div id=logo a href=/spanArticlass/span/a div id=logo-right div id=logo-left div id=main-menu ?php menu(main_menu); ? /div!-- ends main-menu -- /div!-- ends logo-left -- /div!-- ends logo-right -- /div!--ends logo -- The tag logo has a background image that repeats. The logo-left div has a background - the main title text - that doesn't repeat and is positioned on the left. And, as expected, the logo-right div has a thin background, positioned on the right. That's all that is going on, and it works in all other browsers. So what is IE7 doing differently? Thank you for any advice. -- Dave M G Articlass http://articlass.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
