Не могу поставить на место блоки и настроить отступы.

[Espira]

У меня такая проблема. Не могу подвинуть экстратоп к полосе записей так, чтобы весь контейнер был справа, а не разплывался по всему экрану.
Двигала уже всё, что могла, пробовала прописывать флоапы и паддинги, не получается от совсем. Что у меня не так? Как воткнуть на место?
Должно быть вот так:

А выглядит всё так, как сейчас у меня в дневнике. дневник открыт.

Первые несколько строк кода

Код:

body {background:#ffffff url('/userdir/1/1/8/3/1183839/64990355.jpg') repeat-y fixed;}
#wrapper {min-width:100%!important; width:100%px; background: url('/userdir/1/1/8/3/1183839/55614113.png'); background-position:fixed; margin: 0 !important; padding:0 !important; overflow:hidden !important;}
#page-c{width:850px !important; padding:0 !important; margin:0 !important;}
#page-t {margin:0 !important; padding-left:500 !important;}
.singlePost { padding:0 !important; margin:0; width:auto;}
div.bordered {margin-bottom:0 !important;}
#side{width:120px !important; margin:0 !important; padding-left:265px !important;}
#extratop {background: url('/userdir/1/1/8/3/1183839/64990613.png') no-repeat; height: 400px; width: 980px;}

В css понимаю мало, но пытаюсь разобраться. Помогите, пожалуйста.
заранее спасибо.

@темы: отступы, основные блоки

Comments

[Aira Branford]

в описании #wrapper вместо 100% нужно проставить требуемую ширину в пикселях. 100% как раз и растягивают его на весь экран.

[Espira]

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

[Aira Branford]

diarycss.diary.ru/p78105407.htm#297401723

[Espira]

теперь всё вроде как на своём месте, но страницу раздуло так, что теперь, чтобы увидеть враппер нужно прокручивать прилично вправо.
опера и лис показывают одинаково. ие только крепит на место.

Код после правки:
body {background:#ffffff url('/userdir/1/1/8/3/1183839/64990355.jpg') repeat-y fixed;}
#wrapper {min-width:980!important; width:980px; background: url('/userdir/1/1/8/3/1183839/55614113.png'); background-position:fixed; margin: 0 !important; padding:0 !important; overflow:hidden !important; position:relative;left:100% ;margin:0 0 0 -980px;}
#page-c{width:850px !important; padding:0 !important; margin:0 !important;}
#page-t {margin:0 !important; padding-left:500 !important;}
.singlePost { padding:0 !important; margin:0; width:auto;}
div.bordered {margin-bottom:0 !important;}
#side{width:120px !important; margin:0 !important; padding-left:5px !important;}
#extratop {background: url('/userdir/1/1/8/3/1183839/64990613.png') no-repeat; height: 400px; width: 980px;}

[Espira]

Первые две строки заменила на:

body {background: #ffffff url('/userdir/1/1/8/3/1183839/64990355.jpg') repeat-y fixed; padding: 0 !important; }
#wrapper {min-width: 980px !important; width: 980px; background: url('/userdir/1/1/8/3/1183839/55614113.png') fixed; overflow:hidden !important; margin-right: 0px !important; padding-right: 20px !important;}

Проблема решена, спасибо  жид-медведь