I have made a site but the css for anything other than IE is stuffing up!
The first attachment is how it is on every browser except IE
And the 2nd one is IE and what should be happening!
Please help me!
http://birkenheadbaptist.tk
Full Version: What am I doing wrong?
QUOTE(J4c0bM4rsh4ll @ Aug 9 2009, 10:19 AM) 
That page is framing http://203.160.125.146/bbc/ which doesn't load.
Yes I have hosted it from my computer which is not a server and it is not dedicated. Thats my IP.
If you are american than you would have to see it at night because my laptops on in New Zealand Day!
Sorry!
If you are american than you would have to see it at night because my laptops on in New Zealand Day!
Sorry!
No doctype, so you have designed to IE Quirks Mode.
http://hsivonen.iki.fi/doctype/
Maybe a box model problem. In Quirks Mode IE uses its own, old box model where padding and borders are included in the width. In the standards box model, width is only the content width, whatever padding and borders are added outside that. So if you have padding, the box would get more narrow in IE Quirks. The page breaks terribly in IE with a doctype that triggers Standards Mode on.
If you excuse my ascii art, this how the display of a box with a certain width, border and padding would differ.
@ border
x padding
Box model according to W3C
|---------- width ---------|
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx@
@xxBlah bla blah... xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
IE's old box model
|---------- width ---------|
@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@xxxxxxxxxxxxxxxxxxxxxxxxxx@
@xxBlah bla blah... xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xxxxxxxxxxxxxxxxxxxxxxxxxx@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@
http://hsivonen.iki.fi/doctype/
Maybe a box model problem. In Quirks Mode IE uses its own, old box model where padding and borders are included in the width. In the standards box model, width is only the content width, whatever padding and borders are added outside that. So if you have padding, the box would get more narrow in IE Quirks. The page breaks terribly in IE with a doctype that triggers Standards Mode on.
If you excuse my ascii art, this how the display of a box with a certain width, border and padding would differ.
CODE
@ border
x padding
Box model according to W3C
|---------- width ---------|
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx@
@xxBlah bla blah... xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
IE's old box model
|---------- width ---------|
@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@xxxxxxxxxxxxxxxxxxxxxxxxxx@
@xxBlah bla blah... xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xx xx@
@xxxxxxxxxxxxxxxxxxxxxxxxxx@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@
That doen't help but thanks for trying...
Are you sure? I'm pretty certain it's a box model problem, but I just glanced at your CSS.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.