Webdesigner help, webdesign software, html css tutorials
Hi everyone,
Once again I feel I have to start by apologising for not posting on here more regularly of late - this year has been a very hectic and busy one, including a change of computer (from Windows XP to Mac OS X) and a number of web design projects! I hope everyone is keeping well and (at the time of writing) having a Happy Easter!
As a test to myself and my design abilities I would like to have a go at building a website (or page of a website) using some basic CSS3 properties, such as adding a drop shadow effect to a div. However, I'm aware that not all browsers support CSS3...particularly Internet Explorer, which tends to be the bane of every web designer's life! ;)
What I'd like to try and find out is, what happens when a browser that doesn't support CSS3 tries to read a document that's been styled using CSS3 properties, such as the drop shadow effect, rounded corners, colour gradients, etc.? Does the page simply display without those elements being visible, i.e., does it just display the div without the drop shadow, rounded corners and with a solid colour, or does something more dramatic happen?
I look forward to the day when CSS3 and indeed HTML5 are supported by a greater cross-selection of browsers, as I feel that this will add so much more usability, functionality and (dare I use the word) beauty to websites...but I guess that's a whole other discussion!
If somebody here could help me out with the answer to this question I'd really appreciate it - as always, I'm very grateful to the experts here at Compila Exchange for their superb knowledge. Many thanks!
Best wishes, and thanks again,
Chris
Tags: browser, css3, properties, support, tags
Permalink Reply by Tony Rolfe on April 27, 2011 at 8:42 Hi Chris,
Nice to see you are trying to get to grips with CSS3 as it will be the future eventually!
If you use css3 properties and browsers do not accept CSS3 then they will simply not work, but be careful as some browsers will try and interpret the CSS rule and this will lead to degradation and make the desired effect look terrible.
My advice would be if possible to use programs out there that allow you to view what a site will look like on all manner of browsers and browser versions. That way you can see if you design something using CSS3 if it will work or not.
This is really the only method of testing at present but is full proof as you can see the results there and then. The best tool for this I have found is within Dreamweaver CS5 and their browser compatibility tool, or if you do not have CS5 then the following URL has a useful tool as well:
I hope that helps.
Cheers
Tony
Added by Compila Limited
Added by Elen Sentier
Added by Paul Robinson
Added by Paul Robinson
© 2012 Created by Compila Limited.