Показать сообщение отдельно
Непрочитано 23.10.2011, 20:51   #5
Пользователь

Автор темы (Топик Стартер) Re: Позиционирование блоков

Нижняя полоса прокрутки должна появлятся тогда когда разрешаение браузера менее чем 1044px. А здесь блоки спозиционированы обсалютно - означает, что браузер должен перекрывать данный блок и при этом не будет полосы прокрутки - p.s. здесь даже нам не помогает overflow-x:hidden;


Переделал CSS, чтоб можно было увидеть блоки.
Если Вы запустите у себя вебсервер и запустити мою верстку, то увидите три блока. Блеый блок - это основной блок. Красный и зеленый блок это как бы дополняющий основной блог.

Так будет на много понятнее, что я хочу реализовать.

Добавлено через 17 минут
PHP код:
html body{
    
background-color:#111;
    
margin0;
}
#imglt{
    
background-color:red;
    
positionabsolute;
    
width437px;
    
height600px;
    
top0;
    
right100%;
}
#imgrt{
    
background-color:green;
    
positionabsolute;
    
width439px;
    
height600px;
    
top0;
    
left100%;
}
#container{
    
margin0 auto;
    
min-width1044px;
    
max-width1044px;
    
positionrelative;
}
#head{
    
height238px;
    
width1044px;
    
background-color:#fff;
    
margin0 auto;
    
padding0 0 0 18px;
}
#menu{
    
background-color:#fff;
    
width1005px;
    
height62px;
    
positionabsolute;
    
margin-top238px;
}
#cont{
    
min-height100%;
    
background-color:#fff;
    
margin0 auto -16px;
    
padding61px 30px 20px;
    
overflowhidden;
}
#status{
    
height100%;
    
margin-top7px;
}
#statistika, #temsForuma{
    
height100%;
    
margin-top15px;
}
.
topCont {
    
background-color:#fff;
    
width208px;
    
height39px;
}
.
pageCont {
    
background-color:#fff;
    
width208px;
    
min-height50px;
    
padding5px ;
    
color#fff;
    
text-align:center;
}
.
footCont {
    
background-color:#fff;
    
width209px;
    
height17px;
}
#LKpng{
    
background-color:#fff;
    
width191px;
    
height143px;
    
margin-top25px;
}
#container2 {
    
floatright;
    
margin0;
}
#slaid{
    
background-color:#fff;
    
width768px;
    
height248px;
    
margin-top10px;
}
#content{
    
height100%;
    
margin10px 4px 20px;
    
width760px;    
}
#content .top{
    
background-color:#fff;
    
height12px;    
}
#content .page{
    
background-color:#fff;
    
min-height700px;
    
color#fff;
    
padding0px 15px 5px;
}
#content .foot{
    
background-color:#fff;
    
height12px;    
}
#footer{
    
background-color:#fff;
    
height16px;
    
padding50px 0 40px 0;
    
color#fff;
    
text-align:center;


Последний раз редактировалось niko42; 23.10.2011 в 21:11. Причина: Добавлено сообщение
niko42 вне форума Ответить с цитированием