Фон Div'а уходит за другой Div в Opera и Ff

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем mp3, 17 янв 2009.

  1. mp3

    mp3 New Member

    Регистрация:
    17 янв 2009
    Сообщения:
    1
    Симпатии:
    0
    Почему не работает такая конструкция в Опере и ФФ (в ие всё ок) ? Фон downmenu улетает вверх на слой content и прилипает к upmenu. Получается что downmenu позиционируется не от content а от upmenu. Почему??

    Код (Text):
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <HTML>
    <HEAD>
    <TITLE>Title</TITLE>
    <LINK href="style1.css" type="text/css" rel="stylesheet">
    </HEAD>
    <BODY>

    <div id="globall">
    <div id="upmenu">
    Верх
    </div>

    <div id="l_menu">
    Левое меню
    </div>

    <div id="content">
    Содержимое
    </div>

    <div id="downmenu">
    Низ
    </div>

    </div>
    CSS:

    Код (Text):
    body{
    padding: 0px;
    margin: 0px;
    background: #FFFFFF;
    color:#000;
    font: 11px/13px Tahoma, Verdana, Arial;
    }
    #globall{
    margin:0 auto;
    width: 784px;
    }

    #upmenu{
    background-image: url(images/up3e.png);
    width: 624px;
    height: 52px;
    margin: 0 0 0 160px;
    }

    #l_menu{
    float: left;
    width: 160px;
    margin: 0;
    }


    #content{
    float:right;
    background-color: #FFFFFF;
    width: 622px;
    height:100px;
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    margin: 0;
    }

    #downmenu {
    background-image: url(images/bot.gif);
    width: 624px;
    height: 46px;
    margin: 0 0 0 160px;
    }
    Изображения:
    http://ps4.ru/images/
     
  2. deexus

    deexus Гость

    Задайте обтекаемость у элемента downmenu - float: right;
     
Загрузка...

Поделиться этой страницей