Jump to content

Padding not working in IE


SmokingMan
 Share

Recommended Posts

I know there's a reason why the padding properties work in FF but not IE but I can't remember why. I don't do this regularly enough and some things seem to get lost somewhere in the cobwebs. Here's the link to the site and here's a link to the stylesheet. It's the padding on the skyline image and the padding around the right side content that isn't working in IE. Can someone refresh my poor memory and explain why this isn't working and what the work around may be? :)

Link to comment
Share on other sites

Your page is running in quirks mode because of your DTD, so it's using the wrong box model in Internet Explorer.You're currently using this DTD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

You should use this one:

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

Link to comment
Share on other sites

your current DTD is working in quirks mode because it does NOT include the whole declaration<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">THE OTHER MAIN problem with using strict our transitional Doctype HTML (validate with 7 errors, 21 warnings) is that most of your tags are specifically for Doctype XHTML.So you might want to change it to<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <!-- THIS REPLACES YOUR HTML TAG -->and then validate your page(validates with 9 errors, mainly for the use of '</br>' (Note: this is totally wrong! should be '<br>' for HTML and '<br />' in XHMTL)) to fix remaining errors and also css ie.rcolumn { float:right; padding-top:20px; width:76%; text-align:center; border-left-width:1; border-left-style:groove; border-left-color:#00008b;}.footer { clear:both; padding-top:20px; width:95%; margin-left:2.5%; text-align:center; border-top-width:2; border-top-style:groove; border-top-color:#00008b;}

Edited by dsonesuk
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...