So based on previous help, putting margin: 0 auto on the container and removing ALL margin properties on the content box worked perfectly in Mozilla Firefox but Internet Explorer was a disaster.
It got so bad that the website was all scrambled up. I’d like to try this again.
How can I center the content box on both Internet Explorer and Mozilla?
The CSS Code: style_sample.css
The page has no
doctypedeclaration, e.g.:Hence, the browser is being thrown into Internet 5.5/Netscape/1998 compatibility/quirks mode:
If you add the
<!doctype html>declaration to throw it into standards mode (which i can simulate by changing the browser into standards mode):the page then renders fine for me.
Internet Explorer (Quirks mode):

Internet Explorer:

Chrome:
