Graphics Programs Reference
In-Depth Information
Once you've determined the baseline, you divide all the pixel measures by that number. h e
resulting numbers will be in ems. h us, assuming a 13-pixel baseline:
#contain
{
width
:
77.692em
;}
#main
,
#extra
{
float
:
left
;}
#main
{
width
:
55em
;
padding
:
1.538em
2.692em
1.538em
1.923em
;}
#extra
{
width
:
14.615em
;
padding
:
1.538em
0.769em
1.538em
2.692em
;}
Now the stuf inside the
#main
section.
#main
h2
{
width
:
575px
;
padding-left
:
140px
;}
#main
.info
{
float
:
left
;
width
:
95px
;}
#main
.text
{
float
:
right
;
width
:
575px
;}
Again, we divide it all by 13 (see Figure 4-38).
#main
.info
{
float
:
left
;
width
:
7.308em
;}
#main
.text
{
float
:
right
;
width
:
44.231em
;}
145
Figure 4-38: Properly placing most of the pieces with ems.
Search WWH ::
Custom Search