Thu, 2008-02-07 16:40
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
| Attachment | Size |
|---|---|
| ff_boxmodel.gif | 27.86 KB |
Thu, 2008-02-07 18:20
#1
Remove width:100%; from
Remove width:100%; from #main-container and width: inherit; from #language
Thu, 2008-02-07 18:43
#2
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"