Показано с 1 по 10 из 10

Тема: DIV в абсолютных поверх DIV-а в относительных

  1. #1

    Регистрация
    07.12.2007
    Адрес
    GMT+10:00
    Сообщений
    11
    Добрый день, уважаемые!

    Верстаю страничку - все собрано на таблицах и дивах с относительной разметкой.
    Можно каким-то образом поверх определенного места страницы зафиксировать с помощью абсолютных координат DIV.
    Имеется ввиду, как снять координаты DIVa спозиционированного в относительных координатах и поверх него повесить DIV в абсолютных.
    Необходимо, чисто для декоративного элемента поверх текста.

    Нижеприведен кусок кода с DIV-ом над которым страдаю =)

    Код:
     <tr>
     *<td id="line-3-1"><img /></td><td id="line-3-2"><div>
    <ul id="mainlevel">[*][Только зарегистрированные пользователи могут видеть ссылки. ][*][Только зарегистрированные пользователи могут видеть ссылки. ][*][Только зарегистрированные пользователи могут видеть ссылки. ][*][Только зарегистрированные пользователи могут видеть ссылки. ][*][Только зарегистрированные пользователи могут видеть ссылки. ][*][Только зарегистрированные пользователи могут видеть ссылки. ][/list]
     * *</div></td><td id="line-3-3"><img /></td>
     *</tr>
    Код:
    #line-3-1 {height:33px;background:url(../img/1024-768/a3-1.png) no-repeat bottom right;}
    #line-3-2 {background:url(../img/1024-768/a3-2.png) no-repeat bottom right;}
    #line-3-3 {background:url(../img/1024-768/a3-3.png) no-repeat bottom left;}
    
    ul#mainlevel {display:table-cell;}
    ul#mainlevel li {padding:0px;margin:0px;display:block;float:left; text-align:center;}
    ul#mainlevel li a {border:0px; display:block; background:transparent url(../img/1024-768/nav1.jpg) no-repeat; width:98px; height:30px; color:#333; -moz-column-width:98px; -moz-column-height:30px; text-decoration:none; font-size:0.9em; font-family: "Comic Sans MS", sans-serif;line-height: 13px; padding-top:2px;};
    ul#mainlevel li a:link, ul#mainlevel li a:visited {background-position:0px 0px; color:#333;}
    ul#mainlevel li a:hover, ul#mainlevel li a:focus {background-position:0px -32px; color:#FFF;}
    ul#mainlevel li a#active_menu {background-position:0px -64px;color:#000;}

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    В приведенном Вами коде я не обнаружил ни одного намека ни на относительное позиционирование, ни на абсолютное...

  3. #3

    Регистрация
    07.12.2007
    Адрес
    GMT+10:00
    Сообщений
    11
    Originally posted by Aykroyd@Feb 1 2008, 10:07
    В приведенном Вами коде я не обнаружил ни одного намека ни на относительное позиционирование, ни на абсолютное...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Логично, но тем не менее весь код уже имеет относительное позиционирование.

    Вопрос в том только как подвесить DIV над блоком - #line-3-2 div?

    В связи с этим его и нет т.к. мыслей по тому поводу здравых не наблюдается.

  4. #4

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Извините, если неправильно Вас понимаю, но по-моему здесь наблюдается какое-то недоразумение. Что Вы понимаете под «относительным позиционированием»?

  5. #5

    Регистрация
    07.12.2007
    Адрес
    GMT+10:00
    Сообщений
    11
    Originally posted by Aykroyd@Feb 3 2008, 10:38
    Извините, если неправильно Вас понимаю, но по-моему здесь наблюдается какое-то недоразумение. Что Вы понимаете под «относительным позиционированием»?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]


    Каждый блок позиционируется относительно другого в потоке. А абсолютное как нам обоим известно задается вне потока и фиксирует его в указанном месте вне общего потока.

  6. #6

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Takamura@Feb 4 2008, 13:34
    Каждый блок позиционируется относительно другого в потоке.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Собственно говоря, так я и думал... Понимаете в чем дело, вот этот самый «поток», о котором Вы говорите, – он к относительному позиционированию не имеет никакого отношения. То есть вообще никакого. Поток – это поток. А относительное позиционирование – это position: relative...

    И именно из-за этой Вашей путаницы с терминами невозможно уяснить суть Вашего первоначального вопроса...

  7. #7

    Регистрация
    07.12.2007
    Адрес
    GMT+10:00
    Сообщений
    11
    Понял))
    Суть вопроса - фиксирую по центру(экрана) таблицу с фикированной шириной и высотой всех ячеек и на одну из ячеек по верху надо повесить DIV.

  8. #8

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Takamura@Feb 6 2008, 05:40
    Суть вопроса - фиксирую по центру(экрана) таблицу с фикированной шириной и высотой всех ячеек
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    А вы уверены, что ей там самое место? )


    Originally posted by Takamura@Feb 6 2008, 05:40
    и на одну из ячеек по верху надо повесить DIV.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Попробуйте задать для это ячейки position: relative. В этом случае div, который в ней находится, можно будет спозиционировать абсолютно в пределах именно этой ячейки...

  9. #9

    Регистрация
    07.12.2007
    Адрес
    GMT+10:00
    Сообщений
    11
    Originally posted by Aykroyd@Feb 6 2008, 08:04
    А вы уверены, что ей там самое место? )
    Попробуйте задать для это ячейки position: relative. В этом случае div, который в ней находится, можно будет спозиционировать абсолютно в пределах именно этой ячейки...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]


    А ячейка никуда не свалит при "position: relative" ? =)

  10. #10

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Takamura@Feb 6 2008, 19:56
    А ячейка никуда не свалит при "position: relative" ? =)
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    А что, должна?

Похожие темы

  1. неактивный текст поверх изображения
    от wspirit в разделе Вёрстка сайта
    Ответов: 0
    Последнее сообщение: 05.10.2011, 00:36
  2. div. прозрачность поверх flash
    от eugenesshare в разделе Вёрстка сайта
    Ответов: 1
    Последнее сообщение: 29.09.2009, 20:33
  3. Выпадающее меню поверх апплета
    от derf в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 06.12.2007, 03:21
  4. DIV поверх контента.
    от dennis_ru в разделе Вёрстка сайта
    Ответов: 6
    Последнее сообщение: 09.11.2007, 14:01
  5. нужно поместить картинку поверх таблицы
    от zaychenok в разделе Вёрстка сайта
    Ответов: 1
    Последнее сообщение: 28.11.2005, 21:12

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •