3 replies [Last post]
zachsandberg
Offline
newbie
Louisisna
Last seen: 14 years 8 weeks ago
Louisisna
Joined: 2006-10-09
Posts: 2
Points: 0

Hi,

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.
Thank You

Zachary

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

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.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

zachsandberg
Offline
newbie
Louisisna
Last seen: 14 years 8 weeks ago
Louisisna
Joined: 2006-10-09
Posts: 2
Points: 0

Thank you..

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..

Zach

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

That's how the box model

That's how the box model works. Total width = width + margin + padding + border.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference