mozilla

Compare Revisions

top

Change Revisions

Revision 20251:

Revision 20251 by Nicephotog on

Revision 20252:

Revision 20252 by Nicephotog on

Title:
top
top
Slug:
CSS/top
CSS/top
Tags:
css, "CSS Reference"
css, "CSS Reference"
Content:

Revision 20251
Revision 20252
n11      With mozila.org browsers, when positioning a box element, tn11      With mozila.org browsers, when positioning a box element, t
>here are distinct settings and requirements for usage of the <b>m>here are distinct settings and requirements for usage of the <b>m
>easurement calibrational units</b>. When a box is positioned it c>easurement calibrational units</b>. When a box is positioned it c
>an be given its measurement for <b>top</b> in pixels (<b>px</b>) >an be given its measurement for <b>top</b> in pixels (<b>px</b>) 
>value {{mediawiki.external('Re &lt;b&gt;bottom&lt;/b&gt;&nbsp;: &>value {{mediawiki.external('Re &lt;b&gt;bottom&lt;/b&gt;&nbsp;: &
>lt;length&gt; ')}}. However when a percentage (<b>%</b>) is used,>lt;length&gt; ')}}. However when a percentage (<b>%</b>) is used,
> it requires to calibrate the sizing from a parent boxs' setting.> it requires to calibrate the sizing from a parent boxs' setting.
> Until the <b>body</b> in the CSS style or sheet is set (for <b>w> Until the <b>body</b> in the CSS style or sheet is set (for <b>w
>idth</b>>idth</b> and <b>height</b> of can be percentage e.g. 100%) then t
 >he deeper box elements will not respond to a declared <b>%</b> se
 >tting.
12    </p>
13    <pre class="eval">
14and <b>height</b> of can be percentage e.g. 100%) then the deeper
> box elements will not 
15</pre>
16    <p>
17      respond to a declared <b>%</b> setting.
t20      e.g. CSS /* The body could be set using px unit also for tht14      e.g. CSS<br>
>e div to operate */ body{ width: 100%; height: 100%; } /* The div 
> can now operate the settings with&nbsp;% unit */ div{ width:70%  
>height:30%; } 
15      /* The body could be set using px unit also for the div to 
 >operate */<br>
16      body{<br>
17      width: 100%;<br>
18      height: 100%;<br>
19      }<br>
20      /* The div can now operate the settings with&nbsp;% unit */
 ><br>
21      div{<br>
22      width:70%<br>
23      height:30%;<br>
24      }<br>

Back to History