Hi list,

I don't have access to a Mac to debug this myself, I was wondering if 
someone on the list might be able to explain what was happening here?

http://www.danwashere.com/dev/aauk/celeb_blackboard/index.html

I'm told that on the rounded corner in the bottom right of the large white 
text box is being interfered with by what appears to be a white border 
stretching down.

I'm not seeing that problem on Win XP, FF1.5, IE5, IE5.5 or IE6 - they all 
show the page fine.

Here's the CSS that I think is relevant - but of course I'm not sure what's 
actually causing this problem so it could be anything I guess..

#text_block_wrapper_1 {
 float: left;
 margin:0px;
 padding:0px;
 width: 260px;
 background: transparent url(images/text_block_middle.gif) left top 
repeat-y;
}

#text_block_wrapper_2 {
 float: left;
 margin:0px;
 padding:0px;
 width: 260px;
 background: transparent url(images/text_block_top.gif) left top no-repeat;
}

#text_block {
 float: left;
 margin:0px;
 padding:12px;
 padding-top:16px;
 padding-bottom:16px;
 font-size: 0.8em;
 background: transparent url(images/text_block_bottom.gif) left bottom 
no-repeat;
}

#text_block p {
 margin:0px;
 padding:0px;
 margin-bottom: 0.8em;
}


As you can see I've achieved the rounded corners by having a fixed width 
column defined by 3 nested DIVS - the lowest div has a background of 260 x 1 
px gif to define the sides of the column, then the next DIV has a bg image 
of the top of the rounded corner rectangle, and the last one holds the 
bottom image of the block.

Thanks for any help,
Dan. 

______________________________________________________________________
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/

Reply via email to