Кривится верстка в IE 7

[ainur11]

http://budnirussia.ru/

Посоветуйте, пожалуйста, что делать, чтобы верску в IE подвести к тому, как это выглядит в Опере или в Мозилле?

[aTei]

Добавляем в HTML

	<!--[if IE 7]>
		<link type="text/css" href="css/ie7.css" rel="stylesheet"  media="screen" />
	<![endif]-->

В файлике ie7.css (который находится в папке css) переписываем только нужные стили.

Как исправить сам баг с навигацией не знаю, не смотрел исходники.

Edited March 5, 2010 by aTei

[rus]

Если имелось ввиду то, что шапка в ие растягивается вертикально, то надо изменить размеры изображения в шапке:

<img height="100%" width="100%" alt="Информационный - правовой портал" src="../images/top.jpg">

У вас высота и ширина 100%, а надо бы высоту подогнать под высоту картинки.

И потом, не нужно вставлять полностью всю картинку целиком, можно порезать ее на две, или три части, найти повторяющийся в ней фон по горизонтали, вырезать его и повторять по горизонтали, таким образом вы сможете уверенно задать 100% ширину блока шапки.

Edited March 5, 2010 by rus

[ainur11]

Для шапки добавил такой код

table{
  width: 100%; /* растягиваем таблицу на всю ширину контента */
  border-collapse: collapse; /* схлопываем границы ячеек */
  table-layout: fixed; /* вот оно, лекарство от недуга IE6 и IE7 */
}
table td {
  padding: 0 0px; /* для красоты добавляем отступы в ячейках */
}
table img {
  width: 100%; /* растягиваем изображение на всю ширину ячейки */
}

, получилось сделать соответствующую шапку.

Теперь вопрос в меню, как ее можно сделать чтобы она не стесняла изображение слева и отображалась без отступов между кнопками?

[ainur11]

Появился еще один вопрос относящийся к IE:

При приближении кривится верстка, с чем это может быть связано?