Re: [css-d] IE7, background-image - displays OK on one page but not on the others
Hello,
I started deleting parts of your page (of the html code) and recognized
that after I deleted the footer, the.#fauxframe was displayed. Then I
inserted the footer again and started commenting out its CSS
definitions. That way I found out that if you delete the height: 1%; for
the footer, the the #fauxframe is displayed:
#footer, #pieddepage, #seitenende {
clear: both;
margin: 0;
padding: 0 0 3em 20em;
font-size: 70%;
/*height: 1%;*/ -- comment this out
text-align: left;
}
Don't aks me why that fotter style influences the #fauxframe , because
honestly I don't know. ;)
Best regards,
Christian Kirchhoff
*Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski
Rachel Mawhood schrieb:
Hello list
Well, I've tried a number of things - clear:both, zoom:1, min-height,
removing the mask.gif, etc - but nothing so far has worked. I have
Googled the problem, looked at positioniseeverything and other
bug-fixing sites, but without finding the solution. It is so far
completely baffling. I have read that IE7 has a problem rendering
elements with background images whose parent and/or child also
contains a background image (as is the case here, in that the body
has a tiled background image) but it is so strange that, in this
case, it is OK on one page and not on the others.
In MSIE 7 this page displays the image of the trumpets and organ
pipes as intended
http://www.internationalorganbuilders.com/members/index.php
It uses exactly the same css files and template as these pages, on
which the image cannot be made to appear in IE7, eg
http://www.internationalorganbuilders.com/board/index.php
http://www.internationalorganbuilders.com/congress/index.php
The CSS files are here (I've taken the index.html file out of this
directory for the time being)
http://www.internationalorganbuilders.com/styles/isoconsole.css
http://www.internationalorganbuilders.com/styles/iso-images.css
I can't remove the tiled background image in the body because the
client specifically wanted this.
I would be very grateful indeed for any pointers to why the Members
page is OK and the others are not OK with the image at the top of the page.
TVIA
Rachel
__
css-discuss [EMAIL PROTECTED]
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/
__
css-discuss [EMAIL PROTECTED]
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/
Re: [css-d] IE7, background-image - displays OK on one page but not on the others
Hi Christian
That way I found out that if you delete the
height: 1%; for the footer, the the #fauxframe is displayed:
That worked like a magic charm - I am so relieved - thank you.
However, in IE 6 it resulted in the footer
relocating itself halfway up the page, so I put
back the height but with an underscore in front of it, ie
_height: 1%;/* to fix footer to bottom of screen in IE6 */
and that did return to the footer to the bottom
of the screen in IE6. Somewhere I have read,
though, that using underscore like this is not a
good idea (though it works). When I have time, I could try substituting
* html body div#footer, div#pieddepage, div#seitenende {
height: 1%;
}
which, I understand, is visible only to IE6, not
to IE7, but I don't know if that would be better coding.
Don't aks me why that fotter style influences
the #fauxframe , because honestly I don't know. ;)
CSS is full of things like this, isn't it? I
more than half-expected the solution to be completely illogical :-)
This is a wonderful list; I hope that I can give
back to it as much good as I have derived from it.
Kind regards
Rachel
At 10:27 28/08/2008, Christian Kirchhoff wrote:
Hello,
I started deleting parts of your page (of the html code) and recognized
that after I deleted the footer, the.#fauxframe was displayed. Then I
inserted the footer again and started commenting out its CSS
definitions. That way I found out that if you delete the height: 1%; for
the footer, the the #fauxframe is displayed:
#footer, #pieddepage, #seitenende {
clear: both;
margin: 0;
padding: 0 0 3em 20em;
font-size: 70%;
/*height: 1%;*/ -- comment this out
text-align: left;
}
Don't aks me why that fotter style influences the #fauxframe , because
honestly I don't know. ;)
Best regards,
Christian Kirchhoff
*Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski
Rachel Mawhood schrieb:
Hello list
Well, I've tried a number of things - clear:both, zoom:1, min-height,
removing the mask.gif, etc - but nothing so far has worked. I have
Googled the problem, looked at positioniseeverything and other
bug-fixing sites, but without finding the solution. It is so far
completely baffling. I have read that IE7 has a problem rendering
elements with background images whose parent and/or child also
contains a background image (as is the case here, in that the body
has a tiled background image) but it is so strange that, in this
case, it is OK on one page and not on the others.
In MSIE 7 this page displays the image of the trumpets and organ
pipes as intended
http://www.internationalorganbuilders.com/members/index.php
It uses exactly the same css files and template as these pages, on
which the image cannot be made to appear in IE7, eg
http://www.internationalorganbuilders.com/board/index.php
http://www.internationalorganbuilders.com/congress/index.php
The CSS files are here (I've taken the index.html file out of this
directory for the time being)
http://www.internationalorganbuilders.com/styles/isoconsole.css
http://www.internationalorganbuilders.com/styles/iso-images.css
I can't remove the tiled background image in the body because the
client specifically wanted this.
I would be very grateful indeed for any pointers to why the Members
page is OK and the others are not OK with the image at the top of the page.
TVIA
Rachel
__
css-discuss [EMAIL PROTECTED]
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/
__
css-discuss [EMAIL PROTECTED]
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/
__
css-discuss [EMAIL PROTECTED]
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/
[css-d] IE7, background-image - displays OK on one page but not on the others
Hello list Well, I've tried a number of things - clear:both, zoom:1, min-height, removing the mask.gif, etc - but nothing so far has worked. I have Googled the problem, looked at positioniseeverything and other bug-fixing sites, but without finding the solution. It is so far completely baffling. I have read that IE7 has a problem rendering elements with background images whose parent and/or child also contains a background image (as is the case here, in that the body has a tiled background image) but it is so strange that, in this case, it is OK on one page and not on the others. In MSIE 7 this page displays the image of the trumpets and organ pipes as intended http://www.internationalorganbuilders.com/members/index.php It uses exactly the same css files and template as these pages, on which the image cannot be made to appear in IE7, eg http://www.internationalorganbuilders.com/board/index.php http://www.internationalorganbuilders.com/congress/index.php The CSS files are here (I've taken the index.html file out of this directory for the time being) http://www.internationalorganbuilders.com/styles/isoconsole.css http://www.internationalorganbuilders.com/styles/iso-images.css I can't remove the tiled background image in the body because the client specifically wanted this. I would be very grateful indeed for any pointers to why the Members page is OK and the others are not OK with the image at the top of the page. TVIA Rachel __ css-discuss [EMAIL PROTECTED] 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/
