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

Тема: Совершенно не то в IE

  1. #1

    Регистрация
    24.11.2007
    Сообщений
    12
    Вот подскажите, пожалуйста... Фон общий у меня присвоен элементу HTML, а Body центруется в нем, уже со своим фоном. А в Body уже все остальное...
    Почему Опера все правильно отображает, а IE - воспринимает как будто в HTML ничего нет (рисунок не повторяет - тока цвет отображает) и равняет содержимое Body по левому краю..
    Может на словах поймете, код стыдно показывать

    Ну.... Вот CSS тот кусочек..
    Код:
    html
    {
    ****background: #000000 url(grad.gif) repeat-x;
    ****margin, pagging: 0;
    ****font: 9pt/10pt "Tahoma";
    ****color: #ffffff;
    ****height:800px; --- пока так... 
    }
    body
    {
    ****width: 945px;
    ****background: url(fon.jpg) no-repeat;****pagging: 0;
    ****margin: 0 auto;
    ****height:100%;
    }

  2. #2

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

  3. #3

    Регистрация
    24.11.2007
    Сообщений
    12
    Спасибо большое, Aykroyd!

  4. #4

    Регистрация
    24.11.2007
    Сообщений
    12
    А вот у меня еще проблема...
    Не подскажете, почему не отображает рисунки, указанные в качестве фона span-а, только маленькие полоски нужного рисунка справа каждой ссылки..
    html
    Код:
    <ul id="list">
     *<li class="d1">[Только зарегистрированные пользователи могут видеть ссылки. ]
     *<li class="d2">[Только зарегистрированные пользователи могут видеть ссылки. ]
     *<li class="d3">[Только зарегистрированные пользователи могут видеть ссылки. ]
    ****[/list]
    CSS
    Код:
    #list{
    ****float:left;
    ****list-style:none;text-decoration:none;
    ****z-index:1;
    ****position: absolute;
    ****margin:0; padding:0;
    ****top: 325px;
    ****margin-left:-18px;
    ****height:39px;
    ****width:185px;
    }
    #list li.d1 a , #list li.d1, #list li.d1 a span{
    ****width:185px;
    ****height:43px;
    }
    #list li.d1 a span{
    ****background-image:url(masla2.gif);
    }

  5. #5

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Потому что элемент <span> (равно как и элемент <a>) по умолчанию является строчным. У строчных элементов есть свой собственный размер, который в данном конкретном случае зависит исключительно от размера шрифта. Другими словами, для содержащих текст строчных элементов width и height не работают в принципе...

  6. #6

    Регистрация
    24.11.2007
    Сообщений
    12
    Поняла, спасибо, Aykroyd...

    В итоге вот это еще добавила

    Код:
    #list li{
    ****position: relative;
    ****list-style: none;
    ****height: 43px;
    }
    #list li a span{
     * *display: block;
     * *position: absolute;
     * *float: left;
     * *background-position: 0 0;
     * *background-repeat: no-repeat;
    }

  7. #7

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    display: block;
    Аминь.

Ваши права

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