matthew016
asked on
Bottom Margin in UL problem
Hello,
Here is another bug on my website, for which I need your expertise ;-) !!
Compare this in Mozilla and IE6 and check the last menu "Aluminium"
http://matthew16.free.fr/pvc/produits2.html
I want to seperate the two ul's "PVC" and "Aluminium"
I tried with this as a test :
#leftside ul.avmenu {
list-style:none;
margin:0 0 180px;
padding:0;
width:200px;
}
But you can see that it doesn't work well for both but especially for Mozilla.
Thank you for any help.
Here is another bug on my website, for which I need your expertise ;-) !!
Compare this in Mozilla and IE6 and check the last menu "Aluminium"
http://matthew16.free.fr/pvc/produits2.html
I want to seperate the two ul's "PVC" and "Aluminium"
I tried with this as a test :
#leftside ul.avmenu {
list-style:none;
margin:0 0 180px;
padding:0;
width:200px;
}
But you can see that it doesn't work well for both but especially for Mozilla.
Thank you for any help.
ASKER
if I understand the <a> elements were floated,
and they were out of the flow, so ul was not containing them.
But why by putting ul to float:left, they contain them suddenly ?
Thank you !
and they were out of the flow, so ul was not containing them.
But why by putting ul to float:left, they contain them suddenly ?
Thank you !
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
It's because the anchors are floated and the ul is not containing them... add float:left to the #leftside ul.avmenu and you will see your margin take effect
Cheers
Steggs