OK, I have Drupal spitting out all the site's menus out into a series of ULs using this line:
<div id="<?php print $class.'-foot'; ?>"><?php print render($menu_output); ?></div>
But I want to take these 8 menus and place them in 6 columns at the foot of the site, as a site map. Like I have started at the bottom of this Drupal test page:
http://www.girlscoutsmoheartland.org/drupal/
Here's the issue:
While I'm using CSS to moves these UL's around by their DIV IDs horizontally with margin-left values, how do I get them to all line up by the top?
I can't use top or margin-top attributes, and I can't absolute position because I never know how tall/long/high/whatever the page's content is going to be.
Any ideas?
I'll paste the CSS I have here below.
Thanks for any help!
#menu-about-us-foot {
margin-left:0px;
float:left;
margin-bottom:20px;
}
#menu-topmenu-foot {
margin-left:0px;
clear:both;
margin-bottom:20px;
}
#main-menu-foot {
margin-left:0px;
float:left;
margin-bottom:20px;
}
#menu-topmost-menu-foot {
margin-left:0px;
float:left;
padding-bottom:20px;
}
#menu-for-girls-foot {
margin-left:160px;
clear:both;
}
#menu-for-parents-foot {
margin-left:320px;
clear:both;
}
#menu-for-volunteers-foot {
margin-left:480px;
clear:both;
}
#menu-for-donors-foot {
margin-left:640px;
clear:both;
}
#menu-for-alumnae-foot {
margin-left:800px;
clear:both;
}