Thread: Help!!!!
View Single Post
  #24 (permalink)  
Old 11-11-2008, 06:34 PM
Dev4u Dev4u is offline
WebProWorld New Member
 
Join Date: Nov 2008
Posts: 2
Dev4u RepRank 0
Default Re: Help!!!!

Hi Anissa, all ..

Thought this may help you or anyone trying to wade through CSS.

Normally when I develop, I put all hacks inline (page you are developing) and into a stylesheet between the HEAD tags. This validates, and hacks won't validate in an external stylesheet.

If using an external stylesheet, make a new class/div inline that is unique to any other style used so as not to have any duplicate internal/external styles. IE6 can be specifically targeted by using an underscore "_" before your style ie.. "_margin:10px 0 0 0;" .. for IE7, use "*" in same fashion .. and for Safari insert this style and edit:

@media screen and (-webkit-min-device-pixel-ratio:0) {
#someclass { margin:10px 0 0 0; }
}

In addition, any style rules that are going to be reused should be made into classes, as repeated div styles do not validate.

If you want your pages to be scalable and grow with any ammount of content, you should use relative positioning. This is a good practice to get into anyway. You can get away with using absolute positioning inside of a relative positioned element, but watch for page breaks cross browser just in case.

If you have any more queries re: CSS, please fire away and I hope that I've cleared some things up for you.

Last edited by Dev4u; 11-11-2008 at 07:23 PM. Reason: not wrapping properly
Reply With Quote