[css-d] IE: 2 out of 4 corner images invisible

2006-04-13 Thread Charles Blaquière 
New member here, impressed with the congenial atmosphere of the list. (Truth 
in advertising dept.: I have posted this problem to another list 6 days ago, 
and to Usenet 2 days ago; no usable answers have been received. I hope this 
is a long enough delay to warrant posting to CSS-D.)

My latest project is almost done. It looks great in Firefox; I only have two
IE bugs left to squash, yay! Please refer to 
http://www.blaqzone.com/Temp/Popfuel/ .

Crib notes:

- reset.css is a safety net that establishes some basic values. Coded by
Matt Wilcox, found at
meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/#comment-989

- I use 3 style sheets of my own: layout.css (layout, box model),
visual.css (colors, etc.), and IE_5.5_and_above.css for Internet
Explorer only, which is referenced within an IE conditional comment.

- There's also some files (JS, CSS) related to the dropdown menu. (I
selected Angus Turnbull's FreeStyle Menus, www.twinhelix.com/dhtml/fsmenu/
.) The dropdown files don't seem to have an effect on these bugs.

The HTML and CSS fully validate.



1) Each dark-brown section has 4 nested divs, one for each rounded corner. 
Unfortunately, the *top two* corners don't appear. (The images have a 
medium-browm outside of the curve area, leaving the div's dark brown 
showing through the images' transparent pixels. Problem: the opaque area 
doesn't cover up the sharp corner of the section div.) Why would the bottom 
two background images appear, but not the top two?

2) The red news box is nested inside two divs: news  news_right  
news_box. news and news_right each have a background image (the white 
curlicues on either side) positioned within their padding (one left, one 
right). In IE, however, these background images don't appear correctly --  
unless I add anything (it seems) after the outer news div; see this in 
action at http://www.blaqzone.com/Temp/Popfuel/index-2.html
.



Thanks for your help! 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE: 2 out of 4 corner images invisible

2006-04-13 Thread Ingo Chao 
Charles Blaquière wrote:
 
 http://www.blaqzone.com/Temp/Popfuel/ .

I cannot read your 10px text.


 1) Each dark-brown section has 4 nested divs, one for each rounded corner. 
 Unfortunately, the *top two* corners don't appear. ... Why would the bottom
 two background images appear, but not the top two?

.section_NW, .section_NE, .section_SE, .section_SW {zoom:1; ...}

should urge IE6+7 to stabilize the boxes and display the corners [1].


 2) The red news box is nested inside two divs: news  news_right  
 news_box. news and news_right each have a background image (the white 
 curlicues on either side) positioned within their padding (one left, one 
 right). In IE, however, these background images don't appear correctly -- 

#news {zoom:1; ...}

helps IE6.

In IE7, #news already has layout due to min-height, and the white curves 
show up, but the red box is not wide enough. We'll see if IE7 solves 
it's box model problems in later releases.


Ingo

[1] http://www.satzansatz.de/cssd/onhavinglayout.html#prop

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE: 2 out of 4 corner images invisible

2006-04-13 Thread ~davidLaakso 
Ingo Chao wrote:
 Charles Blaquière wrote:
   
 http://www.blaqzone.com/Temp/Popfuel/ .
 

 I cannot read your 10px text.
   
Neither can I. I'll try again. The first attempt was ignored on another 
list two weeks ago. Consider changing these in the css file-- layout.css:
html {
   /* font-size: 62.5%;  
line-height: 1.5em;*/
 font-size: 100%;  
line-height: 1.5;
}
 Ingo
   
~davidLaakso
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/