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

Тема: Не получается с помощью z-index надвинуть матрешку

  1. #1

    Регистрация
    02.02.2007
    Сообщений
    136

    Вопрос

    Не получается с помощью z-index надвинуть матрешку на слой.
    Наложение происходит только с доктайпом <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">

    А мне надо с таким <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">.
    Помогите.
    ----------------------------------------------------------------------------------------------
    Кстати в мозиле не накладывается даже с <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">
    Есть основания предположить что не в доктайпах дело.
    И вопросик еще такой - а можно положить матрешку прямо на тело?
    Вот такой кодик.

    Код:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">
    <html>
    <head>
     * *<title>Untitled</title>
     * *<style>
     * ** {
     * * * *margin: 0;
     * * * *padding: 0;
     * * * *border: 1px solid white;
     * * }
    
    #X1_f {
     * *background-repeat: repeat-x;
     * *height: 240px;
     * *overflow: hidden;
     * *margin-left:140px;
     * *margin-right:140px;
    }
    #X1_lg {
     * *background-position: left;
     * *background-repeat: no-repeat;
     * *height: 240px;
     * *overflow: hidden;
    }
    
    #X1_rg {
     * *background-position: right;
     * *background-repeat: no-repeat;
     * *height: 170px;
     * *padding-top: 70px;
     * *text-align: center;
     * *overflow: hidden;
    }
    
    
    #X1_r {
     * *background-position: right;
     * *background-repeat: no-repeat;
     * *height: 240px;
     * *overflow: hidden;
     * *z-index:3;
     * *position:relative;
     * *top: -50;
    }
    </style>
    
    </head>
    <body bgcolor ="green">
    <div style=" background-color:olive; color: navy; *position:relative; font-size:100px; z-index:2 ">Слой на который накладываем</div>
    
    <div id="X1_r"><div id="X1_f"><div id="X1_lg"><div id="X1_rg">
     *<font face ="Franklin Gothic Medium" >
     * * Это матрешка
    </font>
    </div></div></div></div>
    </body>
    </html>

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    1. Почему бы не понять, наконец-то, что варианты с "неполным" доктайпом рассмотрению не подлежат в принципе?
    2. Почему бы не внять наконец-то, что надо бы прописывать кодировку?
    3. Почему бы не вынести ВСЕ стилевые правила в элемент <style>?
    4. Зачем мешать блочную модель с устаревшими и нерекомендуемыми W3C атрибутом bgcolor и элементом font?
    5. top: -50; Простите, -50 ЧЕГО? Килограмм? Литров? Фантиков?

    Не получается с помощью z-index надвинуть матрешку на слой.
    Ваша матрешка представляет из себя текстовую строку, окруженную нерекомендуемым элементом font (инлайн-элемент). Как ее в этом случае вообще можно на что-то "надвинуть"?

    P.S. Z-index обычно используется в совокупности с position: absolute;... а не relative...

  3. #3

    Регистрация
    07.11.2006
    Адрес
    Смоленск
    Сообщений
    153
    Originally posted by Aykroyd@May 27 2007, 18:42
    [b]P.S. Z-index обычно используется в совокупности с position: absolute;... а не relative...
    Почему только с position: absolute ?

  4. #4

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Не только, а обычно. Потому как непосредственно для позиционирования элементов position:relative; используется редко. Сфера его наиболее частого применения – это не осуществление "смещений", а превращение статических блоков в содержащий "стакан" для дочерних абсолютно спозиционированных элементов...

Похожие темы

  1. Резина не получается
    от Alannn в разделе Вёрстка сайта
    Ответов: 1
    Последнее сообщение: 01.02.2008, 01:19
  2. index
    от vecherin в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 31.10.2007, 12:34
  3. z-index
    от garA в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 17.04.2007, 15:26
  4. Почему так получается
    от kiti в разделе Векторная графика
    Ответов: 4
    Последнее сообщение: 31.10.2006, 19:37
  5. Почему так получается
    от lenmikh в разделе Печать и препресс
    Ответов: 8
    Последнее сообщение: 19.09.2006, 18:09

Ваши права

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