Поле слева

[help26]

http://sforme.ru/forme/about/command/

Помогите, в опере нормально отображается, а в ie левая колонка расширяется!

В чем проблема?

[Dimitry Wolotko]

В проблемы верстки.

Рекомендую локализовать код - так быстрее ответ получите.

[help26]

Вот код

<table class='h1 w1' >
<tr><td colspan=2 class='top h2 t4'><a href='/'><div class='w4 h7'> <script language='javascript'> pubFlashCont('http://sforme.ru/top_flash.swf', 'top', '1000', '231'); </script></div></a></td></tr>
<tr><td class='h1 bg3 top w2'><table class='h1 w2 c2'><tr><td class='top'><div class='w2 h1 t3 b3'>

<table class='h4 w2 bg8'><tr><td class='w2 l2 tx2 c3'>Наша команда</td><td><img src='/img/fon5.gif' class='r'></td></tr></table>
<div class='l2 r2 t4 b3 c2'>
<div class='t6 l5 bg12'><a href='/forme/about/licence/' class='url2'>Лицензии и награды</a></div><div class='t6 l5 bg12'>Наша команда</div>
</div>
<table class='h4 w2 bg8'><tr><td class='w2 l2 tx2 c3'>Контакты</td><td><img src='/img/fon5.gif' class='r'></td></tr></table><div class='l2 r2 t4 b3 c2'>

Таблица стилей

html,body {width:100%; height:100%; margin:0; padding:0; font-size: 12px; color: #000; font-family: tahoma, arial; background-color: #b1b2b5}
table {border-collapse: collapse; border-spacing: 0px; font-size: 12px; font-family: tahoma, Arial}
td {padding:0}
.l {float: left}
.r {float: right}
img {display: block}
.cb {clear:both}
.wrap {margin: 0 auto }
img_link:hover img{ border: solid 4px #FFFFFF}
.pic { border:0; margin-bottom: 10px; background: #b1b2b5;border: solid 4px #999999}
.pik {border:0; margin-right: 15px; margin-bottom: 10px; float:left; background: #b1b2b5;border: solid 4px #999999}
A.roll:link {border:0; margin: 0; float: right; background: #b1b2b5; border: solid 4px #999999}
A.roll:visited { border:0; margin: 0; float: right; background: #b1b2b5;border: solid 4px #999999}
A.roll:hover { border: solid 4px #FFFFFF}
a img { border:0;}

.img {float: left; padding:5px;}

p { text-align:justify; padding-right: 10px}
h1 { font-size: 14px; font-family: tahoma, Arial; text-align:center; }
h2 { font-size: 12px; font-family: tahoma, Arial; text-decoration: underline;}



.w1 {width: 100%}
.w2 {width: 250px}
.w3 {width: 260px}
.w4 {width: 230px}
.h1 {height: 100%}
.h2 {height: 250px}
.h3 {height: 55%}
.h4 {height: 30px}
.h5 {height: 190px}
.h6 {height: 33%}
.h7 {height: 150px}

.r1 {padding-right: 40px}
.r2 {padding-right: 30px}
.r3 {padding-right: 230px}
.l2 {padding-left: 20px}
.l3 {padding-left: 85px}
.l4 {padding-left: 35px}
.l5 {padding-left: 15px}
.t1 {padding-top: 12px}
.t2 {padding-top: 30px}
.t3 {padding-top: 9px}
.t4 {padding-top: 15px}
.t5 {padding-top: 40px}
.t6 {padding-top: 4px}
.b1 {padding-bottom: 17px}
.b2 {padding-bottom: 10px}
.b3 {padding-bottom: 50px}
.b4 {padding-bottom: 100px}

.tx {font-size: 19px}
.tx2 {font-size: 17px}
.tx3 {font-size: 11px}
.tx4 {font-size: 13px}
.c2 {color: #fff}
.c3 {color: #ff8200}

.top {vertical-align: top}
.bot {vertical-align: bottom}
.ps {position: absolute}
.ce {text-align: center}
.ps2 {position: absolute; bottom: 10px;}
.ps3 {position: absolute; top: 150px; right: 0}

.bg1 {background: url(img/sh.gif) no-repeat left top}
.bg2 {background-color: #b1b2b5}
.bg3 {background-color: #1a1b1c}
.bg4 {background: url(img/fon.gif) repeat-x; background-position: right 0px}
.bg5 {background-color: #ff9000}
.bg6 {background: url(img/fon2.gif) no-repeat; background-position: right 0px}
.bg7 {background: url(img/fon4.gif) no-repeat right bottom}
.bg8 {background-color: #fff}
.bg9 {background: url(img/fon6.gif) no-repeat right bottom}
.bg10 {background: url(img/fon7.gif) repeat-x; background-position: right 0px}
.bg11 {background: url(img/fon8.gif) no-repeat right top}
.bg12 {background: url(img/str.gif) no-repeat; background-position: left 8px}

A:link {color: #000; text-decoration: none}
A:visited {color: #000; text-decoration: none}
A:hover {color: #999; text-decoration: none}

A.url:link {color: #ff8200; text-decoration: none}
A.url:visited {color: #ff8200; text-decoration: underline}
A.url:hover {color: #ff8c15; text-decoration: underline}

A.url2:link {color: #fff; text-decoration: underline}
A.url2:visited {color: #fff; text-decoration: underline}
A.url2:hover {color: #eee; text-decoration: none}

A.url3:link {color: #fff; text-decoration: none}
A.url3:visited {color: #fff; text-decoration: none}
A.url3:hover {color: #eee; text-decoration: none}

[Dimitry Wolotko]

Обрамляйте код тегом code.

[Vlad]

доктайп какой стоит?

[help26]

тольок такой

[help26]

quot;-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">.

[Vlad]

Посмотрел в IE6 и FF2 и Opera9. Одинаковая вроде ширина колонок.