обрезаются видео и картинки в избранном

[-=Ad Libitum=-]

как сделать, чтобы поле записей было шире и соответственно видео-картинки влазили нормально? Разрешение монитора 1366 х 768, и получается, что между фоном и началом текстовых блоков слишком большое расстояние, а сами блоки чересчур узкие. В css я даже не полный ноль, а скорее "-1", поэтому вынужден просить помощи, ибо даже не совсем понимаю, как корректно составить поисковый запрос.

На всякий случай код:

.block_design {background: #543d30 url('/userdir/2/2/6/4/2264120/81515704.jpg' 0 0 fixed; padding: 0 !important;}

#wrapper{ min-width: 980px; width: 980px; padding: 0 !important; margin-top: 110px; margin-bottom: 20px;}

#extratop { background: #000; width: 100%; height: 50px; }

{------------------------------------------------------ backgrounds -------------------------------------------------------}

.menuSection, .paragraph, .avatar img, textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text, #thisDiaryPhoto img, #authorName, #JournalCalendar #content, #favGroups { background: url('/userdir/2/2/6/4/2264120/81515182.png'; }

.singlePost, #side, .communityName, .authorName, .singleComment, #addCommentArea, #msg_form, #JournalCalendar #page-t, .tags_ul_all, #pageBar {background: url('/userdir/2/2/6/4/2264120/81515181.png';}

{------------------------------------------------------ menu -------------------------------------------------------}

#side {width: 160px; position: relative; margin: 0 0 0px 10px !important; }

.bordered {padding: 0px !important; margin: 0 0 -20px 0px !important; }

.menuSection { padding: 0px 0px 10px 0px!important; margin: 0 0 -1px 0px !important;}

.menuSection_title {display: block; background: #000; text-transform: lowercase; text-align: center; padding: 10px !important; margin: 0px 0 10px 0px !important;}

.menuSection_title b {font: normal 12px Arial;}

#thisDiaryInfo {background: none; margin: 0 0 10px 0px !important; }

#thisDiaryPhoto img {padding: 10px !important; min-width: 100px; width: 100px; max-width: 100px !important; margin: 10px 0 0px 0px !important;}

#authorName {width: 160px !important; display: block; padding: 10px 0 10px 0; margin: 15px 0 0px 0px !important;}

#side h1 a {position: absolute; top: -35px; left: 330px; font: normal 22px Arial; text-align: center; width: 300px; color: #b7b7b7 !important;}

#myDiaryLinks, #globalLinks, #thisDiaryLinks, #thisDiaryOwner {}

#myDiaryLinks li, #globalLinks li, #thisDiaryLinks li, #thisDiaryOwner li {border-bottom: 1px solid #1c1b1b; padding: 0px 0 2px 20px !important; margin: 0px 10px 1px 10px !important; text-transform: lowercase;}

#Stats { background: #000; text-transform: lowercase; text-align: center; padding: 10px !important; margin: 0px 0 10px 0px !important; font: normal 12px Arial;}

#TagsList ul { width: 130px !important; padding: 5px 0 5px 0 !important; margin: -5px 0 2px -30px !important; }

#TagsList li {padding: 2px 0 0 5px !important; }

#TagsList span {margin: 0 20px 0 0 !important; }

#sortOrder, .urlLink, .sign, #commentsArea_title, #photolibLink, #JournalDraft .list_box, #lastComments, #pchs, #YaSearch, #login_form {display: none !important;}

{------------------------------------------------------ menu top -------------------------------------------------------}

#writeThisDiary, #optionsLink, #myProfileLink, #myFavLink {position: absolute; top: -124px; text-transform: uppercase !important; border: none !important; }

#writeThisDiary a, #optionsLink a, #myProfileLink a, #myFavLink a { border: none !important; width: 157px; text-align: center; padding: 50px 0px 10px 0px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515179.png' 0% 5px no-repeat; color: #959595 !important; font: bold 11px Arial; }

#optionsLink { left: 770px;}

#writeThisDiary { left: 380px;}

#myProfileLink { left: 640px;}

#myFavLink { left: 510px;}

#writeThisDiary { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}

#optionsLink a, #myProfileLink a, #myFavLink a { filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}

#optionsLink a:hover, #myProfileLink a:hover, #myFavLink a:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; text-decoration: none; margin: -11px 0px 0px 0px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515179.png' 0% 0px no-repeat; height: 27px !important; border: 0px solid #fff !important;}

#writeThisDiary a:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; text-decoration: none; margin: -11px 0px 0px 0px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515179.png' 0% 0px no-repeat; height: 27px !important; }

#authorFav, #authorQuot {position: absolute; top: -180px; text-transform: uppercase !important; border: none !important; }

#authorFav { left: -40px;}

#authorQuot { left: 90px;}

#authorFav a, #authorQuot a { border: none !important; width: 57px; text-align: center; padding: 30px 50px 40px 50px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515174.png' 0% 5px no-repeat; border: 0px solid #fff !important; color: #959595 !important; font: bold 11px Arial; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }

#authorFav a:hover, #authorQuot a:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; text-decoration: none; margin: 11px 0px 0px 0px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515174.png' 0% 9px no-repeat; height: 27px !important; }

{------------------------------------------------------ posts -------------------------------------------------------}

#page-t {margin: 0px 10px 0 200px !important;}

#Journal #page-t {margin: -30px 10px 0 200px !important;}

.singlePost {position: relative; margin: 0px 0 40px 0px !important; }

#Journal .postInner {background: url('/userdir/2/2/6/4/2264120/81515383.png' 640px 0px no-repeat; }

.paragraph { padding: 15px !important; overflow: hidden !important;}

#Journal .singlePost .paragraph {margin: 0px 140px 0px 0px !important; min-height: 100px; }

.singlePost .paragraph {margin: 0px 140px 0px 0px !important; min-height: 110px; }

.postLinksBackg {background: #000 !important; margin: 0px 0 -5px 0 !important; padding: 10px 15px 10px 15px !important; width: 600px; font: normal 12px Arial; text-transform: lowercase; color: #62878f;}

.singlePost .commentAuthor { position: absolute; top: 60px; right: 0px; width: 130px; margin: 0px 0 0px 0 !important;}

.avatar img { padding: 10px !important; min-width: 100px; width: 100px; max-width: 100px !important; margin: 0px 0px 0px 10px !important; }

.avatar {margin: 0px 0px 0px -10px !important; }

.authorName { margin: 0px 0 0px 0 !important; padding: 3px 15px 3px 15px !important; width: 600px; border-bottom: 1px solid #111010; border-top: 1px solid #111010;}

.communityName { margin: 0px 0 -1px 0 !important; padding: 0px 15px 0px 15px !important; width: 600px; height: 20px; border-top: 1px solid #111010;}

.atTag em { font-style: normal; }

{------------------------------------------------------ headers -------------------------------------------------------}

.postDate {position: absolute; top: 10px; right: 220px; color: #62878f !important;}

.postTitle {background: #000 !important; margin: -5px 0 0 0 !important; padding: 30px 15px 10px 15px !important; width: 600px; }

.header h2 {font: normal 13px Verdana;}

.header span {position: absolute; top: 10px; right: 155px; color: #62878f !important;}

.singleComment .postTitle {background: #000 !important; margin: -5px 0 0 140px !important; padding: 5px 15px 5px 15px !important; width: 600px; }

.singleComment .header span {position: absolute; top: 5px; left: 155px; color: #62878f !important; text-align: center; width: 550px;}

#addCommentArea_title {background: #000 !important; margin: 0px 0 15px -15px !important; padding: 5px 15px 5px 15px !important; width: 100%; font: normal 13px Verdana; text-transform: lowercase; }

#new_post_title {font: normal 13px Verdana; text-transform: lowercase; margin: 30px 0 0px 0px !important; background: #000 !important; padding: 5px 15px 5px 15px !important; width: 740px; border-top: 1px solid #111010;}

.header.calHeader {font: normal 13px Verdana; text-transform: lowercase; margin: -10px 0 -10px -10px !important; background: #000 !important; padding: 5px 15px 5px 15px !important; width: 740px; border-top: 1px solid #111010;}

#draft_title {background: #000 !important; margin: 0px 0 0px 0px !important; padding: 5px 15px 5px 15px !important; width: 740px; font: normal 13px Verdana; text-transform: lowercase; border-top: 1px solid #111010; border-bottom: 1px solid #111010; }

{------------------------------------------------------ comments -------------------------------------------------------}

#commentsArea {margin: 80px 0 0px 0px !important;}

.singleComment {position: relative; margin: 0px 0 20px 0px !important; }

.singleComment .paragraph {margin: 0px 0px 0px 140px !important; min-height: 110px; }

.singleComment .postLinksBackg { margin: 0px 0px -5px 140px !important; }

.singleComment .authorName { margin: 0px 0 0px 140px !important; }

.singleComment .commentAuthor { width: 120px; margin: 0px 0 0px 10px !important;}

#addCommentArea { margin: 60px 0 20px 0px !important; padding: 0 15px 15px 15px!important;}

textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text { border: 1px solid #111010 !important;}

#JournalComments #msg_form {background: none; padding: 0px 15px 10px 10px !important;}

#JournalComments textarea#message {margin: 0px 0px 10px 5px !important; width: 710px !important;}

#msg_form {padding: 10px 15px 10px 15px !important;}

textarea#message {margin: 10px 0px 10px 5px !important; width: 715px !important;}

#JournalCalendar #page-t {padding: 10px 15px 20px 10px !important;}

#JournalCalendar #content {margin: 10px 0px 0px -10px !important; width: 100% !important; padding: 10px 15px 30px 10px !important;}

.calnd small b {border: 1px solid #111010; padding: 5px; background: #000 !important;}

.tags_ul_all {margin: 30px 0px 0px 10px !important; padding: 20px 15px 30px 30px !important;}

#epigraph { margin: 30px 0px 0px 0px !important; }

#post0 { background: none; margin: 0px 0px -15px 0px !important; }

#epigraph .editPostLink {display: none !important;}

a {text-decoration: none !important; }

a:hover, a:active, #side h1 a:hover, #side h1 a:active {color: #448391 !important; text-decoration: none !important;}

#favGroups {margin: 0px 0px 0px 0px !important; padding: 10px 15px 10px 15px !important;}

#JournalFavorite .list_box {margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border: 1px solid #111010 !important;}

span.quote_text { font: italic 12px Georgia; display: block; margin: 10px; padding: 10px; background: #; border-top: 1px solid #1c1b1b; border-bottom: 1px solid #1c1b1b;}

img { max-width: 590px !important; }

#pageBar { margin: 0px 0px 30px 0px !important;}

div.voting img { height: 0px !important; border: 4px #448391 solid; background: #448391 !important;}

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

Comments

[Тайя.]

Попробуйте вот тут .paragraph { padding: 15px !important; overflow: hidden !important;} поменять hidden на visible.

[-=Ad Libitum=-]

Стало лучше в плане того, что все видно, но вылазит за границы... можно ли как-то сделать уже полоски фона справа и слева? ну, или сделать средний блок шире..

[Tish Evans]

.paragraph { padding: 15px !important; overflow: visible !important;}

попробуйте поменять 15 на, скажем, 20.

ну или можно через img { max-width:ХХХpx !important; }

[Тайя.]

Вот здесь поменяйте ширину #wrapper{ min-width: 980px; width: 980px; padding: 0 !important; margin-top: 110px; margin-bottom: 20px;}