I am working on a small personal css derived website, and I have it almost finished, save for the links and a few font details. My issue is that when I enter any padding for the main body, it pushes my left-hand column over and does not move the text in the body at all. Everything renders good in IE, but firefox is giving me grief. I'm pretty new to css, so I was interested if I am missing some syntax or something in my config file that would prevent the above from happening.
The link to the site is: http://zachsandberg.homeip.net/project-files-v3/xhtml/2006.php
The link to my config.css file is: http://zachsandberg.homeip.net/project-files-v3/config/config.css
And the font-text css file: http://zachsandberg.homeip.net/project-files-v3/config/text.css
I would appreciate any advice, no matter how much, or little.
Remove the comments from
Remove the comments from above your doctype because they put IE in quirks (broken box model) mode which means IE is adding up margins/padding/widths differently from Firefox.
After playing around with it for a little over 4 hours, I found that If I reduced the width of the element, along with increasing the padding, it turned out fine. I greatly appreciate your time everyone..
That's how the box model
That's how the box model works. Total width = width + margin + padding + border.