Another Question

HTML & CSS
1

Is there someway to keep my menu on left aligned with photo vertically? It drops below photo on some PC’s/monitors, etc… On mine it lines up perfectly and looks much better. Any help would be appreciated. Rayzur was a big help in designing this page…

Thanks,

2

Hi,

I’m not quite sure what you are asking. If you wanted menu to match the height of the photo exactly then you should have used a min-height that matches the photo height and then ensure that the nav items are contained within that height.

If you are looking to vertically align the nav no matter what the height of the nav or the image then you could do something like this.


#header img {
  border: 2px solid #000000;
[B]  display: inline-block;
  float: none;
  vertical-align: middle;[/B]
}
#nav {
  background: #D2B48C;
  border: 2px solid #000000;
 [B] display: inline-block;
  float: none;[/B]
  list-style: none outside none;
  margin: 0;
  padding: 0;
  [B]vertical-align: middle;[/B]
  width: 176px;
}
[B]* html #nav{display:inline}
*+html #nav{display:inline}
[/B]