требуется помощь

[жили-были]

1) так должен выглядеть дневник. обычный его вид, если не добавлять записи.

смотреть

2) если нажать на "новую запись", меню уезжает вниз.

смотреть, как оно уезжает.xD

3) итак, добавляем запись, в одной строчке которой много-много букв. мало того, запись публикуется над меню, весь дневник растягивается и получается чёрте что.

смотреть на ужас.

помогите, пожалуйста, решить проблемы, описанные в пунктах 1 и 2.

коды

media="screen" type="text/css" body { font-family:Verdana, Times, sans-serif; font-style: normal;font-weight: normal;; font-size:12px; background-color:#B96D46; background-image:; background-repeat: repeat; background-position: 0 0; color:#B96D46; }
#topNav { background-color:#EFDCA6; }
#topNav a { color:#B76845;}
.menuSection,#epigraph,.formcontainer,.pageBar{ background-color:#C0D3BB; }
.singlePost#epigraph { padding: 11px 11px 11px 11px; width:0auto; }
#newPostForm {padding:0; margin:0; font-size: 100%;}
.singlePost#epigraph a { text-decoration:underline; }
.singlePost#epigraph a:hover { text-decoration:none; }
.singlePost#GroupOp { background-color:#C0D3BB; padding:2px; text-align: right; color:#BE633B; }
h2,.header,h1 { color:#BE633B; font-size:15px; font-style: normal;font-weight: bold; background-color:#C0D3BB; }
h1 a { color:#BE633B; }
.header h2 { background-color:#EFDCA6; }
.header a { color:#D2215A; }
.singlePost .header,.postInner,.postLinks { background-color:#C0D3BB; }
.singlePost.countSecond .header,.countSecond .postInner,.countSecond .postLinks,.countSecond .header h2 { background-color:#C0D3BB; }
a { color:#3F3E3E; }
.cbegun { color:#555555; font-weight:normal; font-size:70%; }
.cbegun:hover { text-decoration:underline; }
.offtop { color:#E52645; }
.calnd td.cal-head { background-color:#D0225A; color:#C0D3BB; font-style: normal;font-weight: bold; text-align:center; }
.calnd td.cal-mnth { font-style: normal;font-weight: bold;; text-align:center; color:#C0D3BB; }
.advertising { background-color:#C0D3BB; }
.forCheck { float:right; }
.header.calHeader { text-align: left;}
#content { padding: 8px;font-size:10px;background-color:#C0D3BB;margin-bottom:2 }
.nameHeader {padding:7px 0 10px 8px; height:15px; vertical-align: top;}
.nameHeader.backgFirst {background-color:#C0D3BB;}
.nameHeader.backgSecond {background-color:#C0D3BB;}
.nameHeaderCommunity {padding:10px 0 0 6px; height:15px; vertical-align: bottom;}
.nameHeaderCommunity.backgFirst {background-color:#C0D3BB;}
.nameHeaderCommunity.backgSecond {background-color:#C0D3BB;}
.postLinksBackgFirst {background-color:#C0D3BB; padding:8px; font-size:70%;}
.postLinksBackgSecond {background-color:#C0D3BB; padding:8px; font-size:70%;}
.pollLine { background-color:#C0D3BB; height:6px; padding:0px; }
.favTagsColor { color:#000; }
#but {font-size: 100%;}
.TagL {color:#C0D3BB;}
a:hover {background:#E1DC73;text-decoration:none;}
.left #wrapper {width:500px; margin: 0 0 0 -395px !important; padding: 0 !important; position: relative; left: 63%;}
.left #side {width:125px !important; margin: 0 !important;}
.left #page-c {width:500px !important; padding: 0 !important;}
body.left {padding-left: 5px !important;}
#wrapper{background: #C0D3BB !important;}
.singlePost,.menuSection { border-style:none; border-width:0 0 2px; }
#randomDiaryLink{display:none}
#diarySpiritLink{display:none}
#faqLink{display:none}
#paySupportLink{display:none}
#diarySupportLink{display:none}
#myCommunitiesLink{display:none}
#communityCatalogueLink{display:none}
#discussionLink{display:none}
#myStatLink{display:none}
#extratop {background: repeat 0 0; padding-top: "0"px !important;}
#extratop {background: url('/userdir/4/7/5/9/475980/21978418.gif') repeat 0 0; padding-top: 200px !important;}
#side{font-family: Tahoma; }
.offtop {font-family: Tahoma; }
#postsArea, #commentsArea {font-family: Tahoma; }
h1 {font-size: 100%; font-family: Tahoma; }
.header h2 {font-family: Tahoma; }
.sign {font-family: Tahoma; line-height:80%;}
.singlePost .paragraph {line-height:80%; font-size: 11px !important;}
.menuSection {line-height:80%;}
.commentsArea {line-height:80%;}

Comments

[Dark]

многобукаф
#page-c { overflow: hidden; }

[жили-были]

теперь буквы, конечно, но растягивают поле, но лишние пропадают куда-то в небытие))

[Dark]

жили-были они не пропадают, а скрываются кодом =)

[жили-были]

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

[Dark]

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

[я из сказки про принцессу]

аа. просто оыбчно всё само-собой получается) а ничего нельзя сделать, чтобы записи были сбоку, а не над меню?)

[Dark]

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

[я из сказки про принцессу]

вроде всё верно.