Link to home
Start Free TrialLog in
Avatar of matthew016
matthew016Flag for Belgium

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.
Avatar of Mark Steggles
Mark Steggles
Flag of United States of America image

Hello,

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
Avatar of matthew016

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 !
ASKER CERTIFIED SOLUTION
Avatar of Mark Steggles
Mark Steggles
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial