...

View Full Version : Vertically Align List



AaronH
06-12-2010, 01:45 AM
I want to place the list (in the navigation) that I have made to the bottom of the header... I just can't seem to get it there! Can anyone help?

http://bytecast.org/ByteCast/

Excavator
06-12-2010, 01:51 AM
Hello AaronH,
Try using a margin to nudge it down like this -

ul.cssmenu {
list-style: none;
padding: 0px;
float: right;
margin: 68px 0 0 0;
}

Are #headerLeft and headerRight really necessary? Looks like a bit of divitis (http://ahsanity.wordpress.com/2007/05/15/divitis-and-classitis-two-new-words-in-my-css-vocabulary/) to me. That logo.png and your ul would be fine without seperate containing divs for each of them.

AaronH
06-12-2010, 02:02 AM
Hello AaronH,
Try using a margin to nudge it down like this -

ul.cssmenu {
list-style: none;
padding: 0px;
float: right;
margin: 68px 0 0 0;
}

Are #headerLeft and headerRight really necessary? Looks like a bit of divitis (http://ahsanity.wordpress.com/2007/05/15/divitis-and-classitis-two-new-words-in-my-css-vocabulary/) to me. That logo.png and your ul would be fine without seperate containing divs for each of them.

Thanks for the info :)

Won't using a margin to nudge it down screw it up in IE? I've tried to avoid that method where possible for that reason...

I'll experiment a bit more tomorrow with this.

abduraooft
06-12-2010, 10:54 AM
Okay, here you go!


* {
margin:0;
padding:0;
}
#headerRight {
float:right;
height:100px;
position:relative;
text-align:right;
width:580px;
}
ul.cssmenu {
/*float:right;*/
list-style:none outside none;
padding:0;
position:absolute;
right:0;
bottom:0;
}

AaronH
06-13-2010, 02:08 AM
Cheers abduraooft, you're a hero. :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum