> 1) > > I would like ask what is the difference between using <LINK REL> and > @import statement in linking style sheets. > > Both of them atatches the Style sheet to an HTML document, I would > like to know the pros and cons of attaching with link rel or attaching > with @import.
@import will not be recognized by Netscape 4, so it's used to hide the css from this browser. But you can hide the css from it also using link, providing two media types separated bya a comma and a space: <link rel="stylesheet" type="text/css" href="style.css" media="screen, projection" /> If you need to use a style switcher, <link> is the only choice. I personally prefer using <link> rather than @import. @import has another issue, called FOUC (http://www.bluerobot.com/web/css/fouc.asp) > 2) > Second, in CSS2, is there always a wrapper ID we have to define for > all our elements to hold. In other words we are restricting our selves > to be in the least minimum screen sizes. > > Let me ask in another way. If i am using tables as layouts, (which I do > not like these days) I use width attribute as 100 %. > > Is there any way to achieve the same funcionality in CSS 2 and with > screen size in-dependence. > Of course you can do resolution independent layouts using css using percentages instead of pixels. It's called 'fluid' layout. for example, wired (www.wired.com) uses a CSS fluid layout. A google search for css fluid layout can have you a lot of links about it (http://www.google.com/search?q=css+fluid+layout). Del.icio.us can help too (http://del.icio.us/tag/css+fluid). Cheers! -- Bruno Cunha Torres http://www.brunotorres.net/ http://www.dotplusweb.com/ ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
