div надо приклеить справа снизу страницы.. никак((

[prajenik]

ребят есть такой код

 <style type="text/css">
   .block1 {
bottom: 0px;
padding-right: 10px;
background: #ccc;
position: absolute;
   }
  </style> 



  <div class="block1">Lorem</div>

в итоге на этой странице DIV со словом Lorem отображается слева, все чего я смог добиться это то что он приклеился к низу

http://anitchkov.vputi.net

а мне надо что бы он был в самом углу справа, снизу справа

и желательно что бы этот DIV шел нижним!!!! слоем, потому что туда я хочу разместить кусок фона!!

буду очень признателен за подсказки

заранее спасибо

[Lacran]

right:0px; ?

[shvv]

right:0px; ?

Еще боди задать relative.

Чтобы поставить нижним слоем можно задать отрицательный z-index( или всем остальным задать положительный) или поставить перым в потоке.

Edited February 23, 2010 by shvv

[Lacran]

Зачем body задавать relative?

[prajenik]

right:0px получилось вправо...

теперь bottom сломался... вставляю контект на сайте, DIV мой остаеться там где он был изначально...

вот сейчас глянте: http://anitchkov.vputi.net

[shvv]

right:0px получилось вправо...

теперь bottom сломался... вставляю контект на сайте, DIV мой остаеться там где он был изначально...

вот сейчас глянте: http://anitchkov.vputi.net

У вас плавающие блоки выпали из родителя.

Нужно очистить поток.

[prajenik]

не говорите загадками

я с дивами недавно знаком

[shvv]

не говорите загадками

я с дивами недавно знаком

http://forum.htmlbook.ru/index.php?showtopic=18993&hl=

P.S. Также хочется напомнить, что есть раздел для начинающих.

Edited February 23, 2010 by shvv

[prajenik]

все равно не понял куда ставить этот clear...(((

 <style type="text/css">

.clear 
{
clear: both;
}

.block1 
{
bottom: 0px;
right: 0px;
background: #ccc;
position: absolute;
}








<div class="clear"></div>

<div class="block1">Lorem</div>

почитал тут немного.. я так понял что весь весь сайт надо заключить в родительский DIV ?

[shvv]

все равно не понял куда ставить этот clear...(((

 <style type="text/css">

.clear 
{
clear: both;
}

</style>

<div style="float: left;" />
<div class="clear"></div>

Его нужно ставить после последнего плавающего блока.

[prajenik]

я решил выйти из данной ситуации по другому

сделал родительский блок и в нем дал фон

.fon1
{
width: 100%;
height: 100%;
background-image:  url(img/fon.gif); 
background-repeat: no-repeat; 
background-position: right;
}

<div class="fon1"></div>

но опять же почему то ФОН приклеивается только справа, а если я добавлять в строку background-position: right параметр bottom

ничего не меняется((((((((((((((((

[shvv]

но опять же почему то ФОН приклеивается только справа, а если я добавлять в строку background-position: right параметр bottom

ничего не меняется((((((((((((((((

Опять - двадцать пять

Уберите высоту у этого блока и задайте

overflow:hidden;

а потом подумайте, что случилось и почему.