Question

I need to know is how can I set the width of an element in %.Please provide some information about the ratio of setting width in percentage.

Suppose I have a following html

     <dl  >
         <dd >
         <dl>
        <dt >
    something
        </dt>
        <dd>
      something
        </dd>
        </dl>
        <dl>
        <dt  >

     something
        </dt>
        <dd >
     something
        </dd>
         </dl>
         <dl >             
        <dt >
    something
        </dt>
        <dd>
    something
        </dd>
        </dl>
        </dd>
       </dl> 

I need to know How can set the width of each element using %.Is der any relation for setting the height in the css?
Thanks in advance

Answer 1

Setting a width via % works just the same as setting with pixels.

width: 35%; 

instead of

width: 250px;

There ARE ratios that people tend to use with wireframes that are pretty standard. YUI2 dealt quite a bit with this.

http://developer.yahoo.com/yui/grids/builder/