Hi, please take a look at
<!-- w --><a class="postlink" href="http://www.viewfromathrone.com/flashpages/red/home.htm">www.viewfromathrone.com/flashpages/red/home.htm</a><!-- w -->
in IE it looks fine, the 3 parts (with different backgrounds) sit together fine but in firefox i cant get them to marry up, there is a line between them, can anybody help please?That's because the margin from the P's bleed outside of the div#backbody. I don't know of any good articles on the topic, I'm surprised ALA hasn't written one. But, basically, vertical margin's on blocklevel elements will bleed outside a containing blocklevel element, or into an adjacent margin from another blocklevel element. To fix, use padding
{
margin: 0;
padding: 10px;
}--sry, didnt see daniel answered
beauty! thanks a lot
<!-- w --><a class="postlink" href="http://www.viewfromathrone.com/flashpages/red/home.htm">www.viewfromathrone.com/flashpages/red/home.htm</a><!-- w -->
in IE it looks fine, the 3 parts (with different backgrounds) sit together fine but in firefox i cant get them to marry up, there is a line between them, can anybody help please?That's because the margin from the P's bleed outside of the div#backbody. I don't know of any good articles on the topic, I'm surprised ALA hasn't written one. But, basically, vertical margin's on blocklevel elements will bleed outside a containing blocklevel element, or into an adjacent margin from another blocklevel element. To fix, use padding
{margin: 0;
padding: 10px;
}--sry, didnt see daniel answered
beauty! thanks a lot