У меня проблема с размещением абсолютного div за пределами таблицы, я не большой поклонник макета таблицы, но я нашел существующий проект с сервировка стола. Код выглядит следующим образом
<td colspan="2" align="right" style="padding-top:3px; padding-right:15px; padding-bottom:15px;" width="600px">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td height="37px" width="600px" style="background-image:url('P--IMG--P/welcomepanel/header.png'); background-repeat:no-repeat; background-position:bottom left;"><span class="heading" id="I--heading_text--I" style="padding-top:3px;"></span></td></tr>
<tr>
<td align='left' valign='middle' width="600px" height="522px" style="background-image:url('P--IMG--P/welcomepanel/middelblock_repeat.png'); background-repeat: repeat-y; padding-top:0px">
<div height="500px" width="580px" style="width:600px; text-align:left; height:500px; overflow-y:scroll; overflow-x:none;">
[--C--comp--C--]
</div>
</td>
</tr>
<tr><td><img src="P--IMG--P/welcomepanel/middelblock_roundcorners.png"/></td></tr>
</table>
</td>
Где [- C - comp - C -]
- строка замены для fckEditor, который содержит изображение внутри div, я установил z- index до 10, но он не хочет выходить из таблицы .. и его позиция абсолютна.
Пожалуйста, дайте мне знать, что я делаю не так.
Я понял, что проблема связана с прокруткой переполнения в контейнере td, если вы удалите overflow-y: scroll
он работает нормально, но проблема в том, что мне нужно это переполнение, так как внутри этого td много контента. Я не знаю, что мне теперь делать. :( .. кто-нибудь, пожалуйста, помогите брату!
Мне нужно, чтобы маленькая карта находилась вне стола, а большая карта оставалась внутри стола, она показывает маленькое изображение, когда вы наводите курсор на большую карту с помощью JQuery для увеличения , который загружен в fckeditor. Надеюсь, это поможет ..