PDA

View Full Version : CSS with Curves Shock!!


David
10th Dec 2003, 10:41 pm
Check out this excellent new article on A List Apart (http://www.alistapart.com) about creating a non-boxy CSS site. It's called CSS Design: Creating Custom Corners & Borders (http://www.alistapart.com/articles/customcorners/) and it's fab. Step-by-step with example pages to view.

You know, the interesting thing about this is that with tables it was easy. Now with CSS we're having to reinvent the wheel. Will we look back in 3 years time and sneer at sites that use tables? Or will we think... "Ah, things were much easier then"?

francis
13th Dec 2003, 12:53 pm
Nice. There is part of the CSS 3 border spec (http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-radius) that will allow you to do this (scroll down past that link for more goodness). Currently, Moz has a proprietary implementation (http://www.clagnut.com/blog/2/) of this working, that they'll change over to the correct format once the CSS3 spec has been finalised. You need to be careful with the colours used as the borders can look very ragged on screen (they print out fine).

One thing that really puzzles me about Zeldman's redesign is that his content frequently overflows the content area. Like this:

http://www.websitearchitecture.co.uk/storr/forumimgs/zeldmanoverflow.gif

What's that about?! His audience, I'd be pretty confident in saying, wouldn't be just IE users. Yet this behaviour occurs in NS, Moz and Opera (and, I'd guess the Mac browsers).