Горизонтальное меню на дивах с float и фоном по центру

выровнять легко. И код при этом совершенно минимален. Просто задаем диву с меню (условно #menu) ширину — или фиксированную, или в процентах (меньших, чем размер окна, чтобы мозиллоподобные браузеры старых версий все выровняли по центру без «div align=»center», нелюбимого валидаторами). При этом сайту не понадобятся никакие заморочки с min-width, а засчет float кпонки меню не будут сползать вниз при сжатии окна.

Код следующий:

  <div id=»menu»>
     <a href=»#» class=»tur» title=»Туризм»></a>
     <a href=»#» class=»ev» title=»Эвент»></a>
 </div>

И стили:

#menu {
  width: 470px;
  height: 123px;
  text-align: center;
  clear: both;
  margin: 0 auto 0 auto;  /* Для Mozilla версий 1.5 и ниже*/
}
#menu a {
  width: 215px;
  height: 123px;
  float: left;
}
a.tur {
   background: url(images/tur_but.gif) no-repeat center;
}
a:hover.tur {
   background: url(images/tur_but1.gif) no-repeat center;
}
a.ev {
   background: url(images/ev_but.gif) no-repeat center;
}
a:hover.ev {
   background: url(images/ev_but1.gif) no-repeat center;
}

Наверх