Microsoft Office Online
Sign in to My Office Online (What's this?) | Sign in

 
 
Warning: You are viewing this page with an unsupported Web browser. This Web site works best with Microsoft Internet Explorer 6.0 or later, Firefox 1.5, or Netscape Navigator 8.0 or later. Learn more about supported browsers.

How to control widths with spacer GIFs


HTML Table with three rows and two columns

These two columns were each given a width of 100 pixels. However, because the content in the lower-right cell exceeds 100 pixels, the left column is getting squished.

COURSE TEXT

You just got acquainted with the three finicky rules of cell widths. By now you're probably wondering how you can get around this quirky behavior.

For example, let's take a look at the table here. Each column was given a width of 100 pixels. However, the text in the lower-right cell causes the left column to get shortened so that it's less than 100 pixels.

The most precise solution for keeping cells from getting squished like this lies within the glorious and renowned spacer GIF.

To learn more about the spacer GIF, click the Next button.

  Go to previous page    Next Go to next page
advertisement