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

Тема: Не показывает фон

Комбинированный просмотр

  1. #1

    Регистрация
    23.01.2007
    Сообщений
    15
    Здраствуйте,
    почему не отображается фон в FireFoxe (версия 2.0.0.3)
    вот сайт
    [attachment=5862:attachment]

    в первом варианте, где крассный фон не показывает белый фон, а в IE показывает нормально

    вот сам код CSS
    Код:
    body{
    ****margin: 0;
    ****padding: 0;
    ****background-color: #899194;
    ****color: #3B3A38;
    ****font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;****
    }
    #all{
    ****position:relative; 
    ****margin: 0 auto;
    ****background-color: #fff;
    ****width: 1000px;
    ****min-height: 100%;
    }
    
    .intro{
    ****width: 980px;****
    ****padding: 0 10px 0 10px;
    ****
    }
    
    #header{
    ****position:relative;
    ****width: 980px;
    ****height: 174px;****
    ****padding-top: 8px;
    }
    
    #logo{
    /*****position:relative; */
    ****float: left;
    ****background: url(images/logo.gif);****
    ****width: 264px;
    ****height: 174px;
    }
    
    #moto{
    /*****position:relative; */
    ****float: left;
    ****background: url(images/moto.gif);
    ****width: 359px;****
    ****height: 174px;
    }
    
    #manage{
    /*****position:relative; */
    ****float: left;
    ****background: url(images/manage.gif);
    ****width: 357px;
    ****height: 174px;
    }
    
    #header p{
    ****position: relative;
    ****float: left;
    ****width: 960px;
    ****background: url(images/header_text_bg.gif) no-repeat;
    ****height: 50px;
    ****padding: 9px 10px 0 10px;
    ****font-size: 10px;
    ****text-align: justify;
    ****margin: 10px 0 0 0;
    }
    
    #content{
    ****position:relative; 
    ****width: 980px;
    }
    
    #linkList{
    ****position:relative; 
    ****float: left;
    ****width: 250px;
    ****background: url(images/left_bottom.gif) bottom no-repeat;
    ****padding-bottom: 8px;
    }
    а вот html код

    Код:
    <body>
    <div id="all">
     * <div class="intro">
    ****<div id="header">
     *
     *
     *
     *
     *
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas rhoncus accumsan est. Cras eu quam eu magna pretium euismod. Fusce pharetra varius nisi. Cras congue commodo odio. Sed velit dolor, mollis a, porttitor ac, posuere eget, nibh. Duis quis nunc non massa pretium vehicula. Mauris eget urna tempor sem commodo sodales. Praesent fermentum nonummy nulla. Morbi purus ligula, vestibulum eu, lacinia quis, commodo non, eros. Ut pretium volutpat ipsum. Praesent ultricies convallis. </p>
    ****</div>
     *</div>
     *
     *<div class="intro">
    ****<div id="content">
     *<div id="linkList">
     *</div>
    ****</div>
     *</div>
    
    </div>
    
    </body>
    заранее спасибо

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by SCUDes@Apr 6 2007, 11:56
    почему не отображается фон в FireFoxe (версия 2.0.0.3)
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Потому что он не должен отображаться. )
    FF и Опера, в отличие от IE, демонстрируют в Вашем случае вполне адекватное поведение. Поскольку блок #header содержит в себе только лишь элементы с float, его высота, по идее, должна схлопнуться в нуль. Спасает его от этого только явно заданная Вами высота в 174px. Но этой высоты не хватает для параграфа, и мы имеем то, что имеем...

    Чтобы Ваш белый фон распространялся и на параграф, не задавайте для блока #header фиксированную высоту и добавьте для него свойство overflow: hidden;...

  3. #3

    Регистрация
    23.01.2007
    Сообщений
    15
    Aykroyd
    Чтобы Ваш белый фон распространялся и на параграф, не задавайте для блока #header фиксированную высоту и добавьте для него свойство overflow: hidden;...
    вам огромный респект, 2 месяца мучился, делал разные трюки подстовлял разные коды не получалось, оказывается все генеальное просто.
    Спасибо вами и этому форуму за то что вы есть.

Похожие темы

  1. Gif вместо прозрачности показывает белый цвет.
    от fenixnt в разделе Вёрстка сайта
    Ответов: 17
    Последнее сообщение: 09.11.2007, 22:44

Ваши права

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