Jaklitsch Maya wrote:
> The last page that I have been working on is the one
> that offers wildlife photos for sale.
>
> http://www.necwa.org/new_site/photo-sale.html
>
> The margins were pretty well set, (it may change a lot
> as it is still in a provisional layout)
> and now, I have no idea what has happened with FF. I
> adjusted it to look more like it was and that created
> havoc with IE. So now I have adjusted it for IE and
> the margins display totally different in FF.
>
> Thank you for any and all help,
>
> Maya Jaklitsch
I presume you are talking about the #submenu ul which has a larger space
between itself and the banner image above. FF is showing it correct, the space
is the default margin for the #submenu ul which IE has disappeared because the
#submenu ul is floated causing the element to have hasLayout in IE. All you
need to do is simply give the #submenu ul a margin. If you want it to be how IE
is showing simply have a zero margin.
#submenu ul {
float:right; /* hasLayout trigger */
margin-top:0; /* add and adjust width to suit */
padding:.5em 1.4em 1em 0;
}
You may want to remove the width from the #submenu div to stop further
disappearing margins.
#submenu {
width:100%; /* delete hasLayout trigger */
}
Or even more simpler give the id submenu to the <ul> instead.
<ul id="submenu">
<li><a href="donate.html">DONATE</a></li>
<li><a href="contact.html">CONTACT US</a></li>
</ul>
with
#submenu {
float:right; /* hasLayout trigger */
margin-top:0; /* add and adjust width to suit */
padding:.5em 1.4em 1em 0;
}
Alan
<http://css-class.com/>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
