Width: 100%;

You can set the size of the image to as perce4ntage of the screen width with the width style.

You can't put a unit on 0 if you expect it to work with all browsers.

If the computers do not have that font installed on them, they can't use it.

Font is local to the computer. The fact that YOU have the font when you write the page does not mean that the person...

If you have a script grabbing the individual characters from the keyboard, it also has to grab the backspace and remove one character from the buffer.

0px is an invalid style. Leave the px or other units of measure off the 0 values. Otherwise, some browsers go into quirks mode or throw out the style and use the default.

You do have a top padding...

Design with Firefox first. Then fix the bugs in the IE version.

Never put size styles (width, height) and surrounding styles (margin, border, padding) on the same tag or in the same stylesheet...

They are intended to separate parts of forms.

The purpose is to make sure that your pages keep working when browser upgrades occur. I learned this lesson the hard way, when half of my pages that used to work suddenly quit working right. I then...

There is no way to universally make something take the height of the viewport. Don't even try - it's a waste of time.

There is no standard way across browsers to do this. A height of 100% on the...

Different browsers use different standards when height: 100%; appears in a box object that is not contained in another box object. Some browsers use the height of the viewport, others use the size of...

One problem is that you have an invalid style. 0px is invalid. Do not attach a unit of measure to the number 0. Many browsers reject the entire style when this appears.

IE sometimes gets confused when you name a class or an id using a tag name.

Note that some search engines can not search certain sites unless the robots.txt file is present.

You are never going to exactly fill a screen with an image. There are too many differences in screen resolution, aspect ratio, and browser configurations among different computers for you to expect...

There is no way to fill the viewport exactly that works on all computers, browsers, window sizes, screen resolutions, and screen aspect ratios. Do not attempt to do this. It is not intended to be...

This is a homework assignment. Do not give the answer.

Negative numbers are not part of the W3C definition for margin. Browsers go into quirks mode when they encounter them.

Note that it is NOT necessary to make a separate style sheet for IE. I have...

First of all, 0px is an invalid style attribute. Some browsers throw out all styles where a unit of measure is attached to a 0 value.

Second, as long as you define all of your sizes in pixels, you...

The background image url belongs in a style for the body tag.

I am not sure what you mean to make the image transparent. The background is supposed to be on the bottom, so there should be nothing...

The problem is that vertical centering can not be done in a way that works on all computers, browsers, screen resolutions, screen aspect ratios, browser configurations, and current browser window...

- Alignment is not inherited from div to table. You need to apply the style to the td tags.

- The php script may be overriding the style.

- If there is any syntax error in the style, the entire...

I don't like curved corners either.

You have to set your body overflow style to scroll.

That dotted line indicates that the picture has the focus. That is a windows function. It is supposed to be there.

Neither 0 px nor 0px is a valid code.

0 px has a space in it, which makes it two different items.

0px does not work on some browsers, and causes the entire style to be eliminated. Those...

If you want the table to be the width of the screen, use:

width: 100%;


Remember that different computers have different screen widths in pixels.

I don't click on links with IP addresses in them. They can go to malware sites.

Check these:

- Don't put size styles (width, height), and surrounding styles (margin, border, padding) on the...

No. This would require a script.

First of all, I wish the hover attribute had never been invented. I hate pages that change when you move the mouse without clicking. They make the page not accessible to the disabled.

Your problem...

You can't do it that way. You have to make an image with a transparent color in it.

Usually this must be a .gif image. You create the image in an image editor, using a specific color you do not...

You can't reference an address on your own disk drive and expect that image to work when the page is uploaded. You have done this in your body css.

The only way I know to compatibly include a font the user does not have installed is to create an image file containing the text in the font you want, and put the image on the website.

There is a separate w3c frameset doctype if you want frames in xhtml.

Frames are deprecated in the strict xhtml doctype.

If you are expecting the background color to fill the div around the edge of the square image, you need some padding.

If you expect the background color to fill in around an irregularly shaped...

Never put size styles (width, height) and surround styles (margin, border, padding) in the same style or on the same web page tag.

Instead, nest two box objects. Put the size styles on one box...

Is your image larger than the viewport?

You don't. The user does this.

The user right-clicks on the image, and selects Save Image As from the menu.

It would be a security violation if a web page did this on its own.

Just leave the divs transparent. As long as you don't specify a background, they will show the background under them.

Be careful putting images under text. Many people have trouble reading that.

Stop the bots, and you are no longer indexed on search engines.