Comments on: YUI CSS Framework http://www.brandonquintanaconsulting.com/blog/programming/yui-css-framework/ Mon, 02 Nov 2009 07:47:09 +0000 hourly 1 http://wordpress.org/?v=3.0 By: bquintana http://www.brandonquintanaconsulting.com/blog/programming/yui-css-framework/comment-page-1/#comment-1709 bquintana Sat, 22 Nov 2008 00:23:29 +0000 http://www.brandonquintanaconsulting.com/blog/?p=12#comment-1709 To answer your question, you will need to overwrite two properties in that the YUI CSS uses. First for IE, html, body { text-align: left; /* You can make this right also if you want to align to the right */ } Then for Mozilla and Webkit based browsers, it depends on which doc you are using for your layout but in general the margin is set to auto which makes the layout center so you need to set that for example: #doc { margin: 0; /*You can set the margin to whatever you like */ } The grids can be placed in the header and footer. It's good practice to plan your grids in advanced. Grids inside grids one child down seem to work fairly well. I have seen some issues if there's grids inside grids inside grids. The math just gets more complicated and there are some rounding issues since everything is relative. Also if you use IE8, Firefox with Firebug, or Webkit, you can inspect the elements and see what properties are being applied from the YUI CSS. This should help you see what is going on which each element. I hope this helps. Let me know if you have any other questions. To answer your question, you will need to overwrite two properties in that the YUI CSS uses. First for IE,

html, body {
text-align: left; /* You can make this right also if you want to align to the right */
}

Then for Mozilla and Webkit based browsers, it depends on which doc you are using for your layout but in general the margin is set to auto which makes the layout center so you need to set that for example:

#doc {
margin: 0; /*You can set the margin to whatever you like */
}

The grids can be placed in the header and footer. It’s good practice to plan your grids in advanced. Grids inside grids one child down seem to work fairly well. I have seen some issues if there’s grids inside grids inside grids. The math just gets more complicated and there are some rounding issues since everything is relative.

Also if you use IE8, Firefox with Firebug, or Webkit, you can inspect the elements and see what properties are being applied from the YUI CSS. This should help you see what is going on which each element.

I hope this helps. Let me know if you have any other questions.

]]> By: adolfo http://www.brandonquintanaconsulting.com/blog/programming/yui-css-framework/comment-page-1/#comment-1703 adolfo Fri, 21 Nov 2008 21:09:03 +0000 http://www.brandonquintanaconsulting.com/blog/?p=12#comment-1703 Real dumb question, the default is to have the page centered, how do i get it so it's not centered? and can grids be placed in the header and footer? Real dumb question, the default is to have the page centered, how do i get it so it’s not centered? and can grids be placed in the header and footer?

]]> By: yahoo yui http://www.brandonquintanaconsulting.com/blog/programming/yui-css-framework/comment-page-1/#comment-16 yahoo yui Mon, 12 May 2008 17:37:31 +0000 http://www.brandonquintanaconsulting.com/blog/?p=12#comment-16 [...] different sections Reset, Base, Fonts, and Grids. ?The four sections are available in a number ofhttp://www.brandonquintanaconsulting.com/blog/programming/yui-css-framework/YUI - namidairoYahoo! Japan has announced the results of its 2007 Yahoo! Music Awards. The best [...] [...] different sections Reset, Base, Fonts, and Grids. ?The four sections are available in a number ofhttp://www.brandonquintanaconsulting.com/blog/programming/yui-css-framework/YUI – namidairoYahoo! Japan has announced the results of its 2007 Yahoo! Music Awards. The best [...]

]]>