Полезная информация

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№101-10-2008 09:01:45

chost0
Участник
 
Группа: Members
Зарегистрирован: 01-10-2008
Сообщений: 1
UA: IE 7.0

проблемма со слоями

Здравствуйте, помогите разобраться, у меня есть ячейка в таблице, допусти с высотой 300px, я хочу поместить в неё диф, размером больше этой ячейки (особенности дизайна), делаю это так:

<div style="border: 1px ridge steelblue; overflow: auto; height: 120%; margin-top: -40px; position: relative; z-index: 1; тут основной текст    </div>

но z-index: 1 не даёт того, что я хочу, то есть, чтобы блок дива был поверх всей таблицы, проблемма решается абсолютным позиционированием, но тогда я замучаюсь подгонять везде ширину и высоту блоков.

Вот мой полный код:

<body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">

<table width="100%" border="0" height="100%" style="position: relative; z-index: 0;">
    <tbody>
    <tr><td valign="bottom" width="100%" height="165"></td></tr>

    <tr><td width="100%" height="300">
        <table width="100%" border="0" height="300">
        <tbody><tr>
        <td valign="top" width="35%" bgcolor="#c1c1c1">
            <div style="margin-top: 30px;">
            тут меню
            </div>       
        </td>

        <td valign="top" height="100%">
        <div style="border: 1px ridge steelblue; overflow: auto; height: 120%; margin-top: -40px; position: relative; z-index: 1; visibility: visible;">тут основной текст           
        </div>
        </td>

        <td valign="top" width="10%" bgcolor="#c1c1c1" height="100%"></td></tr>
        </tbody></table>
    </td></tr>

    <tr><td valign="bottom" width="100%">&nbsp;
    </td></tr>
</tbody></table>

</body>

для того, чтобы посмотреть что не так, и как я хочу сделать, достаточно зайти на http://www.design-nt.ru/ под ИЕ (оперой), и ФФ.

Если у меня принципиально не правильный подход, то хотя бы намекните, как нужно сверстать такую страничку.

З.Ы. просьба не пинать за незнание стандартов :blush:

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]