Home/ Questions/Q 771815
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T18:42:43+00:00

Take a look at this html page . In Firefox it looks just like

  • 0

Take a look at this html page.

In Firefox it looks just like I want it to look, in IE it looks “a bit weird”, and in Chrome it’s all twisted.

What non-standard HTML I am using that makes it looks so different between browsers? Specifically, how can I fix the Chrome & IE versions to look more like Firefox?

Note that Chrome only goes haywire if all or almost all columns have the yellow stickies. If one or two columns are empty, then Chrome displays the page just like Firefox.

Edit – here is the fixed page.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The page doesn’t have a DOCTYPE. It is important to have one to tell the browsers that your page is standards compliant. Start from there and ensure your page passes validation for your chosen DOCTYPE.

    UPDATE: Good job on fixing the validation! Your problem now is that the table element follows two floated divs without any clearing. You must clear the floated elements so that the following elements are laid out correctly below them.

    Try the following. Google “clearfix” for a more elegant solution. 

    <div style="float:left">....
<div style="float:right">....
<br style="clear:both"/>
<table ....
    • 0