простите, но уж очень любопытно, где ж вы такой код откопали?

писала в блокноте *очень-очень краснеет*

ыть, я не совсем то вам показываю xD там еще фоновые картинки должны быть, как в экзампле..

4onta не похоже *)
ну честно, вот откуда такое накопировали?
я вас не осуждаю, мне просто интересно.

* { padding: 0px; margin: 0px;}
что вы хотели добиться этим кодом?

body { font-family: Georgia, Times, serif; font-style: normal; font-weight: normal; font-size:87%; background: #fff repeat-y top right; color:#000000; text-align: justify;}
во-первых, названия шрифтов над писать в кавычках и давать полные названия, например "Times New Roman"
во-вторых, "background: #fff repeat-y top right; " - это для чего? не указано изображение, которое должно повторяться и находиться в правом верхнем углу. указан цвет, который должен задаваться свойством background-color

#epigraph { display:none; #extratop { background: no-repeat; width:450px; height:100px; padding: 0px; margin: 0px; position: absolute; z-index:5; }
это что за чушь?
вы имели ввиду #epigraph { display:none; } и #extratop { ... ?
даже если так, все-равно, что за чушь? эпиграф итак не отображается, если в него ничего не писать
экстратоп - не указано изображение, к чему тогда приписывать кучу остальных свойств?

#wrapper { background: repeat-x top; margin-right: 230px; position: block; width:100%; height:100%;}
опять-таки, нет изображения, какой смысл писать его свойства и расположение?

#side { border-left: 1px solid #000; width:230px; height:700px; padding: 7px; position: absolute; right: 0%;}
а эт откуда было взято?

.singlePost { width:97%; border: 1px solid #000; left: 0%; margin-top: 100px; margin-left: 5px; position: absolute; background:none}
бэкграунд:нон улыбнуло

про остальные ошибки я уже писала выше, не буду повторяться
и еще
hr {display:none;} - это что за код такой?)

Я честно говорю, в блокноте писала. Вообще сначала я писала страничку, на которую ссылку дала, хотела посмотреть, как это в идеале бы выглядело), а потом вставила код сюды)) бред, понимаю)) Про фоновые картинки я уже написала - просто копирнула сюда не то, вообще, они указаны)))

* { padding: 0px; margin: 0px;}
это у меня в привычке - все по умолчанию имеет отступ 0))

body { font-family: Georgia, Times, serif; font-style: normal; font-weight: normal; font-size:87%; background: #fff repeat-y top right; color:#000000; text-align: justify;}

Почему экзампл (да и все по жизни)) без кавычек работает? =Р картинка... Ёпрст. Это уже не мой глюк, оказывается. Это дайр "съедает" тэг url(ссылка на рисунок) напрочь((((((

#epigraph { display:none; #extratop { background: no-repeat; width:450px; height:100px; padding: 0px; margin: 0px; position: absolute; z-index:5; }

Пропущенную кавычку заметила, ага))

#side { border-left: 1px solid #000; width:230px; height:700px; padding: 7px; position: absolute; right: 0%;}

"#side" - это же боковая фигня, там где меню?..

Бэкграунд:нон меня тоже улыбнуло, я никак не могла убрать цветовой фон из записи, только потом заметила, как это сделать))

hr {display:none;}

А как еще сделать, чтобы разделительных полосок не было?)

во-первых, названия шрифтов над писать в кавычках и давать полные названия, например "Times New Roman"
да ну?

#epigraph { display:none; #extratop { background: no-repeat; width:450px; height:100px; padding: 0px; margin: 0px; position: absolute; z-index:5; }
это что за чушь?
вы имели ввиду #epigraph { display:none; } и #extratop { ... ?
даже если так, все-равно, что за чушь? эпиграф итак не отображается, если в него ничего не писать
экстратоп - не указано изображение, к чему тогда приписывать кучу остальных свойств?

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

hr {display:none;} - это что за код такой?)
убирание горизонтальных разделителей видимо

но код жуткий... да.. )

Аккуратный код, чистенький. Ну, почти.
#epigraph { display:none; #extratop { background: no-repeat; width:450px; height:100px; padding: 0px; margin: 0px; position: absolute; z-index:5; }
весь код после этой скобки не работает. Закрывающую с открывающей попутали.

а кроме того:
Мне не совсем понятно, как вы пытались расположить блоки записей и меню? Если всё там по 100%, где меню вообще должно было оставаться?
строчку для a:visited можно убрать, она и так всё наследует.
свойства шрифта тоже можно записать сборно, например font: normal bold 14pt Tahoma;
и что такое hr?

Это дайр "съедает" тэг url(ссылка на рисунок) напрочь((((((
сссылки на картинки должы быть только из вашей Библиотеки Изображений
причем ссылка должна быть урезана до вида
/userdir/ци/ф/ры/картинка.jpg

А как еще сделать, чтобы разделительных полосок не было?)
полоски на дайрях сделаны через border
из стилей дневников:
.singlePost,.menuSection { border-style:solid; border-width:0 0 2px; padding-bottom:10px; margin-bottom:10px; height:0auto !important; height:1em; clear:both; }

Рёцке насчет шрифтов, может и ошиблась, делаю так, как у меня работает =)

самая главная проблема этой строки в том что она вообще синтаксически не верна поскольку в ней не закрыта одна фигурная скобка. из-за этого не работает весь остальной код. - а вы прочитали, что я написала "вы имели ввиду #epigraph { display:none; } и #extratop { ... ? " ?

hr {display:none;} - это что за код такой?)
убирание горизонтальных разделителей видимо
интересно-интересно X))

о, несколько ценных мыслей вынесла, пасиб))

Рёцке Нифигаа(( Все равно сцылку на картинку пожирает..

4onta покажите что вы вставляете

static.diary.ru/userdir/1/6/3/6/163670/22106714...
static.diary.ru/userdir/1/6/3/6/163670/22106698...
static.diary.ru/userdir/1/6/3/6/163670/22106650...

Эти 3.

background: url('/userdir/1/6/3/6/163670/22106650.jpg');

йа тупайа.. ((( забыла про кавычки.. сейчас еще вопрос будет =)

* { padding: 0px; margin: 0px;}
body { font-family: Georgia, Times, serif; font-style: normal; font-weight: normal; font-size:87%; background: url("secure.diary.space/userdir/1/6/3/6/163670/22106...") #fff repeat-y top right; color:#000000; text-align: justify;}
a:link { font-weight: bold; text-decoration: none; color: #000; border-top: 1px dotted #000; }
a:hover, a:active { background: #fff; color: #ffa500; border: 1px dotted #000; }
#epigraph { display:none;}
#extratop { background:url("secure.diary.space/userdir/1/6/3/6/163670/22106...") no-repeat; width:450px; height:100px; padding: 0px; margin: 0px; top:0px; left:0px; position:absolute;}
#wrapper { background: url("secure.diary.space/userdir/1/6/3/6/163670/22106...") repeat-x top; margin: -10px; padding-top:100px; width:460px; height:100%; }
#side { background: url("secure.diary.space/userdir/1/6/3/6/163670/22106...") #fff repeat-y top right; border-left: 1px solid #000; width:230px; margin:0px; padding: 0px; right:0px; top:0px;}
.singlePost { width:450px; border: 1px solid #000; margin-top: 10px; margin-left: 5px; background:none}
.countFirstDate,.countSecondDate { font-family: Georgia, Times, serif; font-style: italic; font-weight: bold; font-size:15pt; width:400px; height:25px; border: 1px solid #000; background:url("secure.diary.space/userdir/1/6/3/6/163670/22106...") repeat-x top; margin: 7px; text-align: center;}
.header { font-size:15; text-align: right; font-style: italic; font-weight: bold; text-decoration: underline;}
.postContent { border: 3px solid #ffa500; margin:5px; padding:5px;}
hr {display:none;}



Код теперь такой. Все выглядит практически идеально. Только меню уехало вниз и глубоко влево. что с этим делать???

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

#wrapper { background: repeat-x top; margin: -10px; padding-top:100px; width:460px; height:100%; }
#side { background: #fff repeat-y top right; border-left: 1px solid #000; width:230px; margin:0px; padding: 0px; right:0px; top:0px;}

Убрали все отступы - конечно всё расположение блоков убилось.

во враппере проблема, там без этих -10рх фон почему-то от края отступает, а мне не надо этого(( ширина 100% - ну тоже, как еще, ведь этот блок, он ведь тоже всю страницу охватывает?.. А боковая панель должна находиться строго в верхнем правом углу, безо всяких отступов...

Убрала выделенные части - та же проблема))

а
* { padding: 0px; margin: 0px;}
как же?)) убивает вообще все отступы для всего, забыла упомянуть.

#wrapper { background: repeat-x top; margin: -10px; padding-top:100px;}
#side { background: #fff repeat-y top right; width:230px;}
#side .bordered {border-left: 1px solid #000;}


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

И,наверное, последний раз..

Код:

* { padding: 0px; margin: 0px;}
body { font-family: Georgia, Times, serif; font-style: normal; font-weight: normal; font-size:87%; background: url("secure.diary.space/userdir/1/6/3/6/163670/22106...") #fff repeat-x top; color:#000000; text-align: justify;}
a:link, a:visited { font-weight: bold; text-decoration: none; color: #000; border-top: 1px dotted #000; }
a:hover, a:active { background: #fff; color: #ffa500; border: 1px dotted #000; }
#epigraph { display:none;}
#wrapper { background:url("secure.diary.space/userdir/1/6/3/6/163670/22106...") no-repeat; margin: -10px; padding-top:100px; width:100%;}
#side { background: url("secure.diary.space/userdir/1/6/3/6/163670/22106...") #fff repeat-y top right; width:230px; height:100%; margin-left:20px;}
#side .bordered {border-left: 1px solid #000; height:100%; border-top: 1px solid #000; height:100%;}
.singlePost { width:450px; border: 1px solid #000; margin-top: 10px; margin-left: 5px; background:none}
.countFirstDate,.countSecondDate { font-family: Georgia, Times, serif; font-style: italic; font-weight: bold; font-size:15pt; width:400px; height:25px; border: 1px solid #000; background:url("secure.diary.space/userdir/1/6/3/6/163670/22106...") repeat-x top; margin: 7px; text-align: center;}
.header { font-size:15; text-align: right; font-style: italic; font-weight: bold; text-decoration: underline;}
.postContent { border: 3px solid #ffa500; margin:5px; padding:5px;}
hr {display:none;}



Все вообще красиво. Одна мелочь, надо, чтобы side прижималась к правому краю вплотную, и чтобы она растянулась на всю высоту страницы (то-бишь, чтобы ее фон по всей высоте размножился). Вот и всё =)