singlepost

html+css неотображается позиционируемый слой << На главную или назад  

подскажите в чём проблема везде нормально кроме
firefox и opera ))мне нужно ,чтобы в блоке main ,блок
<div id="niz"></div>был в самом низу всегда он неотображается
скажите в чём может быть дело

<div id="main">
<div id="logoverh"><img src="img/logo.png" width="100%" alt="" border="0"></div>
<div id="verh">
<div id="polosa1"></div>
<div id="polosa2"></div>
<div id="polosa3"></div>
</div>
<div id="mainsl">
<div id="right">aewfwefwefwefwefewfewf</div>
<div id="left">wefwefwefwefwefwefwefwefwe</div>
</div>
<div id="niz"></div>
</div>
#main{z-index:5;width:100%;}
#logoverh{z-index:4;width:100%;}
#verh{z-index:3;width:100%;clear:both;}
#polosa1{float:left;background-image:url(../img/polosa1.jpg);background-position:center;background-repeat:repeat-x;height:67px;width:85%;}
#polosa2{float:left;background-image:url(../img/polosa2.jpg);background-position:center;background-repeat:repeat-x;height:67px;width:10%;}
#polosa3{float:left;background-image:url(../img/polosapravo.jpg);background-position:center;background-repeat:no-repeat;height:67px;width:5%;}
#mainsl{z-index:2;width:100%;clear:both;}
#right{float:left;width:48%;}
#left{float:left;width:48%;}
#niz{z-index:1;position:relative;left:0%;top:110%;width:100%;height:150px; background-color:#ff9e0e;}

49 ответов в теме “html+css неотображается позиционируемый слой”

  1. 6
    Александр Чернов ответил:

    Ума не приложу.
    Просто вообще не понятно чего ты хочешь добиться такими манипуляциями с position. Может есть другие способы добится того же эффекта.

  2. 5
    Владислав Орлов ответил:

    Так а почему нельзя через relative сделать это

  3. 4
    Александр Чернов ответил:

    Я не понял, что ты хотел получить. #niz – всегда внизу экрана. Выкинь страницу на хостинг и покажи как оно должно быть в теории.

  4. 3
    Владислав Орлов ответил:

    вниз слез а почему с релатив неработает))
    в чём дело то непойму никак?

  5. 2
    Владислав Орлов ответил:

    а что сделать чтобы при уменьшении экрана он не залезал ))на другие слои

  6. 1
    Александр Чернов ответил:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "//www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <style type="text/css">
    #niz{position:fixed; bottom:0px; left:0px; width:100%; height:150px; background-color:#ff9e0e; }
    </style>
    </head>
    <body>
    <div id="niz">&nbsp;</div>
    </body>
    </html>

    P.S. Только не удаляйDOCTYPE :)

Клуб программистов работает уже ой-ой-ой сколько, а если поточнее, то с 2007 года.