Форум Сайтостроение Веб-строительство

Класс в TD, неправильное отображение в Опере и Firefox

O
На сайте с 10.12.2008
Offline
4
Oyy
1206

Может у кого возникала такая проблема.

Есть клас назначенный на <td>. Ячейка таблицы фиксированной ширины.

дальше есть такая вот конструкция:

<td width="200" class="leftcol"><div class="mnu"> </div></td>

CSS

.leftcol

{

position:relative;

}

.mnu

{

position:absolute;

width:45px;

height:208px;

right:20px;

background: #CCFF00;

}

Нужно чтобы контейнер mnu выравнивался в <td>, а опера и firefox выравнивают его в <table>

Верстка, исправление ошибок, PHP, настройка CMS (/ru/forum/329384)
[Удален]
#1

опера и файрфокс делают правильно, скорее даже не в тейбл а в окаймляющий элемент. засуньте в ячейку див с позишн:релатив

Нельзя использовать эту фишку для td потому что это не блочный элемент.

O
На сайте с 10.12.2008
Offline
4
Oyy
#2
neolord:
опера и файрфокс делают правильно, скорее даже не в тейбл а в окаймляющий элемент. засуньте в ячейку див с позишн:релатив
Нельзя использовать эту фишку для td потому что это не блочный элемент.

После того как написал додумался так и сделать. Вышло в тестовом примере но не вышло в шаблоне.

neolord спасибо за ответ

Вот тестовый пример: 

<style>

.cont

{

position:relative;

height:100%;

width:200px;

background:#009900;

}



.mnu

{

position:absolute;

top:10px;

right:20px;

width:70px;

height:170px;

background:#CC9900;

}



</style>



<body bgcolor="#FFFFFF" text="#000000">

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">

  <tr>

    <td><div class="cont"><div class="mnu"> </div> </div></td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>
[Удален]
#3

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

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий