|
Posted by dorayme on 10/30/07 02:07
In article <fg5uen$chi$1@lust.ihug.co.nz>,
"KiwiBrian" <briantoz@ihug.co.nz> wrote:
> "dorayme" <doraymeRidThis@optusnet.com.au> wrote in message
> news:doraymeRidThis-35DE77.10523930102007@news-vip.optusnet.com.au...
> > In article <fg5n77$7vf$1@lust.ihug.co.nz>,
> > "KiwiBrian" <briantoz@ihug.co.nz> wrote:
> >
> >> I welcome confirmation and elucidation on the following experience of CSS
> >> behaviour.
> >> In IE6 and 7 if an image is within a div, and the div has padding, and
> >> the
> >> image has margins, the margins on the image are ignored where they butt
> >> up
> >> against (are adjacent to) the div's padding.
> >> In FF the image margin is obeyed.
> >> If this is correct is it conditional upon other factors?
> >
> > Tell me what you observe with this test case in your different
> > browsers and I will fire up my Winbox if you surprise me:
> >
> > http://members.optushome.com.au/droovies/test/kiwi.html
> >
> > --
> > dorayme
>
> Thanks for the wonderful test page.
> I will use it to research this matter further.
> It displays identicaly for me in IE6 and IE7 and FF 2.0.0.8
> I should have mentioned that my page where I noticed the behaviour that I
> reported and queried was using the same strict doctype as you have used.
> The plot thickens.
Just one thing perhaps I should draw your attention to Brian, I
do not know if you noticed that at the test page I gave, there is
a "zeroing" of all margins and paddings in the styles in the head
of the document. I assume you know that this means every margin
and padding is set to zero and the author is then obliged to
supply all of them for all his elements, he is unable to rely on
the default stylesheets that browsers use (different ones in
different browsers).
I am not recommending to zero all in practice, some do this and
some do not, it has its pros and cons which we can leave for now.
But it is sometimes a great diagnostic weapon. Put it in and
start setting a few margins and paddings of your own on your
elements and see if your problem comes up, along the way, you
might twig to what is being inherited by what in your original
page...
--
dorayme
Navigation:
[Reply to this message]
|