Your Electronic Books

Table 6.1: Box Model Dimensions
IE5 Box Model Standard Box Model
178px 200px Available content width
128px 150px Available content height
230px 252px Total width required
180px 202px Total height required
The size difference can be seen clearly in Figure 6.8.
Figure 6.8: The size difference between box models
The fundamental differences between these two box models means it??™s important
that you understand and are aware of both models when you??™re creating code.
Internet Explorer for Windows 5 (including 5.5) uses the IE5 box model at all times,
but Internet Explorer 6 and 7, and Internet Explorer 5 for Mac, use it only when in
quirks mode.
CSS Layout and Formatting
The Ultimate CSS Reference 158
You may well be wondering why two box models exist. To answer this question,
we need to travel back in time to the creation of Internet Explorer 5 for Windows,
when Microsoft decided that the box model would contain borders and padding
within the stated dimensions, rather than increasing them.


Pages:
215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239