При вставки ролика всё съезжает

[radrigo 182]

Всем привет!

В общем решил я переделать свой шаблон на сайте из table в div, столкнулся с одной проблемой, никак не могу её решить. сделал 3 ячейки, вроде всё норм, но стоит в левую добавить ролик с яндекса, две правые колонки сразу съезжают.

Кусок этого кода

    <div class="glrel">

    	<div class="glrel-l">

            <div class="pvideo">ПОСЛЕДНИЕ ВИДЕОНОВОСТИ</div>

            <div class="rvideo">//////////////КОД ВИДЕО//////////</div>

        </div>

        <div class="glrel-3">

     	    <div class="glnv"></div>

            <div class="glns"></div>

            <div class="glnn"></div>

        </div>

        <div class="glrel-2">

            <div class="smallvi"><a href="/news/video"><strong>все видеоновости »</strong></a></div>

            <div class="vsevi">{custom category="8" template="dlet_supershort2" aviable="main" from="0" limit="5" cache="no"}</div>

        </div>

    </div>

css

.glrel {

	overflow: hidden;

	width: 1000px;

	margin:0 auto;

}

.glrel-1 {

	float: left;

	width: 280px;

}

.glrel-2 {

	margin-left: 280px;

	margin-right:395px;

	width: 325px;

}

.glrel-3 {

	float: right;

	width: 395px;

}

.pvideo {

	height: 22px;

	margin-top: 3px;

	color: #221e1f;

	font-size: 11px;

	font-weight: bold;

	margin-left: 20px;

}

.rvideo {

	margin-left: 20px;

}

.smallvi {

	color: #000000;

	font-size: 9px;

	text-align: right;

	font-family: tahoma;

	margin-right: 20px;

	text-decoration: none;

}

.smallvi a:active, .smallvi a:visited, .smallvi a:link {

	color: #008ED6;

	text-decoration: underline;

}

.smallvi a:hover {

	color: #008ED6;

	text-decoration: none;

}

.vsevi {

	color: #000000;

	font-size: 11px;

	font-family: tahoma;

	text-decoration: none;

	margin-left: 20px;

	margin-right: 20px;

}

.vsevi a:active, .vsevi a:visited, .vsevi a:link {

	color: #000000;

	text-decoration: underline;

}

.vsevi a:hover {

	color: #008ED6;

	text-decoration: none;

}

.glnv {

	background-image: url(../images/glver.gif);

	background-repeat: no-repeat;

	height: 20px;

}

.glnn {

	background-image: url(../images/glver1.gif);

	background-repeat: no-repeat;

	height: 20px;

}

.glns {

	background-image: url(../images/glverf.gif);

	background-repeat: repeat-y;

	height: 150px;

}

Скрин без видео

Скрин с видео

Может кто знает как решить данную проблему?

http://gusev-online.ru/

Изменено 20 января 2011 пользователем radrigo

[alex32 942]

попробуйте классам .pvideo и .rvideo указать width: 280px;

[radrigo 182]

попробуйте классам .pvideo и .rvideo указать width: 280px;

Пробовал 260px, там отступ 20px слевв, не помогает этот вариант

Хелп, подскажите ещё как можно исправить, таблицу вставлять неохота.

[alex32 942]

Смотрел в опере11, мозиле, сафари, ие8, гугл хром. что то не пойму, там все нормально ничего не разъезжается,

И ошибочки бы поправили, коль это информационный сайт города: Последнии новости, Проишествия (последниЕ, проиСшествия)

[radrigo 182]

Смотрел в опере11, мозиле, сафари, ие8, гугл хром. что то не пойму, там все нормально ничего не разъезжается,

И ошибочки бы поправили, коль это информационный сайт города: Последнии новости, Проишествия (последниЕ, проиСшествия)

Спасибо за ошибки.

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

[alex32 942]

а через position:relative; если попробовать? ну и соответственно ширину задать и для каждого дива топ и лэфт значения

[radrigo 182]

position: relative; не помогло, эх наверное всё таки таблицу туда надо вставлять

[WWW.ZEOS.IN 1 161]

radrigo, пишите мне в ICQ, попробую помочь Вам