Hey yall I have been studying CSS for sometime now and I have been learning how to do website layouts in CSS. I have learned how to use; 3 Column Float Layout , Elastic Layout, Liquid Layout and Liquid combining Elastic Hybrid. Well I haven't mastered them, still in the learning process lol . In Website Layout, what would you recommend to use and why? Also, what is the best font format for font-size to go with the layouts e.g pixels, ems, % etc Much help is appreciated CHEERS
Depends, depends, depends. Depends on design. Depends on how much stuff you need to cram into the browser space. Depends on how you want your source order, if you want any special effects, or who you're targetting. About fonts, just keep in mind that px do not resize in IE (they do in FF no matter what you use). You might want to use px when the text must line up perfectly with a background image or so, or in a horizontal menu where it breaks easily. If you use px, make them big enough for people to read in the first place. 9px is NOT readable. If you use ems, remember that 16px is not a browser default (depends on the dpi setting on the machine it's running one anyway) and remember that em's with units are inherited and considered by children to be 100%... so if you have a p with a size of .8 em, and a span inside that p with a height of 1em, the span will not be bigger than the p... it will think 1 em is 100% of the .8em of the p. I think.
Thanks for that Stomme Man its quite tricky then I thought. Well I guess I have to try some trials and errors first before making a decision CHEERS