Professional Web Design: Techniques and Templates, Fourth Edition

Building the Structure 243
Figure 10.11
Additional space added to the bottom of the container in IE 5, 5.5., and 6 when
tags are not wrapped around the first image when it is added.
The other two images, however, are given absolute positioning, so they are
mortised together. The first image is positioned 373 pixels from the left by adding
the following style in the local tag: style="position:absolute;
left:373px;top:0px". This is 373 pixels because the coordinates of all images are
based off the top-left corner of the a5-top-row in which they are nested.
Since the first image is 373 pixels wide, the second image must begin 373 pixels
from the left (see Figure 10.12).
The third image is given absolute positioning that forces it 537 pixels from the
left, which is the total width of the left image and center image: 373 pixels þ
Figure 10.12
The top-right area after the second image is added 373 pixels from the left side of the container.
Game Developing GWX