Previous Message
Next Message

Sliding Doors (squared): rounded corners for all

Sent by Ryan Thrash on 20 November 2003 08:08


Thanks for sharing! It looks really cool, but it breaks in Safari and 
IE on a Mac. If you resize the text, it shoots straight through the 
bottom of the box on your CSS version, for instance.

FYI, I was trying to keep the # of divs to a bare minimum, and 
non-semantic markup out  of the code. In other words, trying to keep 
tables out of the equation. I'm still not happy that there needs to be 
an extra DIV around the header, but that's the only way to make it work 
in current browsers as Christoph pointed out.

Thanks again,
Ryan


On Nov 19, 2003, at 11:58 PM, jsWalter wrote:

> I dug up my old TABLE version of a rounded corner box, and modified it 
> to
> work in CSS!
>
> AFAIK it works in IE5, Opera7, NN7, Mozilla.
>
> Don't know about anything else.
>
>     http://torres.ws/round-corners/css.html
>
> I also placed the old TABLE version there as well...
>
>     http://torres.ws/round-corners/table.html
>
> The TABLE version is a bit more dynamic.
>
> If you place more text in the middle area, and it forces the height to
> expand, then the LEFT and RIGHT borders expand as well.
>
> The CSS does not do that. The center will expand, but the LEFT and 
> RIGHT
> borders do not.
>
> I image someone here, smarter than I can show us how to fix that.
>
> Walter
>
>
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: