The most common reason that the chatbox will look much larger than usual is a missing doctype declaration.

For your chatbox to display correctly when it needs a doctype declaration, it should look like this.

<!DOCTYPE html>

If you have a strict doctype, it should also display correctly.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

The problem usually occurs when you either:

  • Have no doctype
  • Are using a transitional doctype

Try changing your doctype to the one below, and you should be right as rain in no time!

<!DOCTYPE html>
Was this article helpful?