ansaurus

Question

Answer 1

+8 A:

Your HTML is not well formed. You need <html>, and <title> should be in <head>. Most importantly, you need a DOCTYPE so that browsers will use standards mode instead of quirks mode when rendering. Quirks mode is the cause of the differing widths.

The HTML 5 doctype is: <!DOCTYPE html> and should be the first line of your HTML file. Below is a minimum HTML file.

<!DOCTYPE html>
<html>
    <head>
        <title>Document</title>
    </head>
    <body>
    </body>
</html>

CalebD 2010-05-07 19:57:19

Wow!!! A++++! Adding the <!DOCTYPE html> instantly solved the problem. It caused a couple other unwanted side effects but that will be a breeze to fix; at least now things look identical in both browsers.

Joe Majewski 2010-05-07 20:00:11

Once again, thank you very much. You have no idea how long I was working on getting those small visual differences to go away. I had no idea that a doctype was so powerful.

Joe Majewski 2010-05-07 20:11:16

@Joe - If you use Firefox, you'll probably find the HTMLTidy plugin rather useful: http://users.skynet.be/mgueury/mozilla/

indiv 2010-05-07 20:14:38

Well, it's not the quirks mode itself that causes the size differences, but the box model bug (http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug) that appears in IE in quirks mode.

Guffa 2010-05-07 20:17:50

@Joe - You're welcome. indiv is right, HTML tidy is useful, along with Firebug, the Web Developer Toolbar, ColorZilla, and many other addons. For a good but basic HTML guide, check out http://www.htmldog.com/

CalebD 2010-05-07 20:18:33

@Guffa - Yeah you're right. I was being brief. @Joe - Check out Guffa's link if you're interested in understanding more about web development.

CalebD 2010-05-07 20:21:19

I'm checkin' it out right now. I'm a slave to Firebug, though. If I'm working on a computer that doesn't have it I tend to constantly go and click at the corner of the browser by force of habit. I believe myself to be an excellent programmer, but when it comes to web design I fall apart. I've been getting better, though. Three years ago and I wouldn't be able to find a reason in world to bother using CSS. I would use tables for just about everything, including layout. Now I'm much better about organizing my content and using div blocks governed by CSS to make things look pretty.

Joe Majewski 2010-05-07 21:15:24

Answer 2

A:

try using

box {
    width: 100%;
}

choise 2010-05-07 20:00:58

ansaurus

tags:

views:

answers:

CSS Differences Between IE and FF

related questions