2 replies [Last post]
estudio56
estudio56's picture
Offline
newbie
Argentina
Last seen: 14 years 50 weeks ago
Argentina
Joined: 2007-11-08
Posts: 3
Points: 0

Hi,

I have a padding/margin problem with FF, not with IE6/7 (see image attached).

Also online example: http://demos.ttcampus2.com/rv/site/quienes.php

I'm basically working with this style:

#main-content { width:inherit; margin-left:auto; margin-right:auto; text-align:left; overflow:hidden; background-color:white; padding: 0 4px; }

After reading articles about ff/ie box model interpretation, I learned that I should set a padding value for the "outterbox", and no margin values in the "innerbox". So I applied a generic padding-left:4px; padding-right:4px value.

Shows great in IE, but FF is applying a 4px padding + a 4px margin, causing my inner divs to show outside the site boundaries.

What should I be looking out for?

Thanks, :thumbsup:

e56

AttachmentSize
ff_boxmodel.gif27.86 KB
DanA
DanA's picture
Offline
Elder
Last seen: 12 years 39 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Remove width:100%; from

Remove width:100%; from #main-container and width: inherit; from #language

estudio56
estudio56's picture
Offline
newbie
Argentina
Last seen: 14 years 50 weeks ago
Argentina
Joined: 2007-11-08
Posts: 3
Points: 0

Oh Dana Dana Dana ... you

Oh Dana Dana Dana ... you don't seize to amaze me.

Always there for me ... (by the way flashbot and estudio56 are the same).

Thanks for teaching me yet another css rule to keep in mind...

Sebastian :thumbsup:
"Life is a constant learning curve"