Originally posted by DELPHIna@Mar 14 2007, 14:53
- отчего прокрутка вниз .... что вместо height:100% использовать надо...или я не в том месте его использую
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
[/quote]
Прокрутка вниз появляется у Вас от того, что Вы для блока main задаете высоту в 100%. Высота в блочной модели рассчитывается от родительского элемента (контейнера).

1. Блок main лежит в блоке body.
2. Блок body имеет высоту в 100%.
3. Блок body лежит в блоке html.
4. Блок html имеет высоту в 100% (самый верхний элемент в иерархии).
5. Высота блока main получается равной одной полной высоте окна браузера.
6. Вверху присутствует в прямом потоке блок header, высотой в 50px.
7. Блок header "толкает" блок main на 50px вниз.
8. 100%+50px – вот это и есть 50-пиксельная прокрутка вниз...

Сложно?
Но никто и не говорил, что будет легко...

Originally posted by DELPHIna@Mar 14 2007, 14:53
- как коричневый блок( правый div) заставить растянуться к низу?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
[/quote]
Надо не задавать ему фон, а воспользоваться методом [Только зарегистрированные пользователи могут видеть ссылки. ].
Это подробно обсуждается в учебнике, который я Вам рекомендовал.

А Ваш примерчик должен выглядеть примерно так:
Код:
<style type="text/css">
* {margin: 0px; padding: 0px;}
html {height: 100%;}
body {color: #000000; background: url(bg.gif) #DDCCAA repeat-y; min-height: 100%; position: relative;}
* html body {height: 100%;}
#header {background: #DDDDDD; height: 50px;}
#main {width: 100%; padding-bottom: 50px; overflow: hidden;}
#left {width: 200px; float: left;}
#right {margin-left: 200px;}
#footer {background: #FF8080; width: 100%; height: 50px; position: absolute; bottom: 0px;}
* html #footer {bottom: -1px;}
</style>