Проблема с шириной блока записей - не получается сделать так, чтоб текст не выходил за рамки фона. скрин Код (касающи...

воскресенье, 27 мая 2012

00:17

все записи пользователя в сообществе Duches91

Jabberwocky

Проблема с шириной блока записей - не получается сделать так, чтоб текст не выходил за рамки фона.
скрин
Код (касающийся только блоков)

 #wrapper{width:1060px;min-width:0;}
 .left #page-c {margin-left:-260px;}
 .left #page-t {margin-left:260px;}
 .right #page-c {margin-right:-260px;}
 .right #page-t {margin-right:260px;}
 #side{width:250px;position:fixed; background: url('/userdir/1/0/0/6/1006371/74850694.png');height:600px;top:50%; margin-top:-300px;}
 #extratop { background: url('/userdir/1/0/0/6/1006371/74865709.png') no-repeat; width:800px; height:220px;margin-left:25%;margin-right:10%;}
 #extrabottom {background: url('/userdir/1/0/0/6/1006371/74865618.png') no-repeat; width:800px; height:180px; margin-left:25%;margin-right:10%;}
 #page-c{width:800px !important; background: url('/userdir/1/0/0/6/1006371/74865397.png') repeat-y;}
 #page-t {margin:0 0 0 0 !important; padding: 0 0 0 0 !important;}

Код для блоков page-c и page-t взят отсюда, так как если просто указать ширину блока page-c, все съезжало, как в посте по ссылке. Если проставить ширину в page-t, то блок сужается, но только с правой стороны. Может, у меня в чем-то другом ошибка? Надеюсь на вашу помощь, так как все это писалось фактически методом тыка и подбора

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

URL

Поделиться

Комментарии

27.05.2012 в 02:41

злой сов

на самом деле сладкий пирожок с добром и матами

.right #page-c {margin-right:-260px;}
.right #page-t {margin-right:260px;}
Вообще удалите, у вас меню слева, вам это не нужно.

В свое время я выпутался с помощью такой штуки:
#wrapper{width:720px;min-width:0;}
#side{width:170px;}
.left #page-c {margin-left:-185px;}
.left #page-t {margin-left:185px;}
.left #page-c {padding-right:-15px;}
.left #page-t {padding-right:15px;}

.left #page-c {margin-left:-185px;}
.left #page-t {margin-left:185px;}
- при их увеличении должен настраиваться разрыв между меню и самими постами, что подвинет текст вам слева. К ширине своего меню можете добавить пикселей тридцать, а потом корректируйте.

.left #page-c {padding-right:-15px;}
.left #page-t {padding-right:15px;}
- настраивает отступ справа.
Размер #page-c тоже нужно будет высчитывать и уменьшать, скорее всего)

Как-то так)

URL

27.05.2012 в 12:54

Duches91

Jabberwocky

Вообще удалите, у вас меню слева, вам это не нужно.
Спасибо, буду знать на будущее

)

Пэддинг не помог, вообще ничего не менялось :nope:

Сложилось впечатление, что с css были какие-то глюки. В итоге пришла к удобоваримому результату, переписав код почти целиком, причем то, что писалось для того, чтоб не съезжало, в итоге не пригодилось :nope:

Вот то, что я в итоге прописала.

 #wrapper{width:1060px;min-width:0;}
 #side{width:250px;position:fixed; background: url('/userdir/1/0/0/6/1006371/74850694.png');height:600px;top:50%; margin-top:-300px;}
 #extratop { background: url('/userdir/1/0/0/6/1006371/74870653.png') no-repeat; width:1060px; height:220px;}
 #extrabottom {background: url('/userdir/1/0/0/6/1006371/74870655.png') no-repeat; width:1060px; height:180px;}
 #page-c{width:800px; background: url('/userdir/1/0/0/6/1006371/74865397.png') repeat-y;}
 #page-t{left:-150px;position: relative;width:650px;}

В любом случае огромное спасибо за отклик :red:

URL

27.05.2012 в 13:05

злой сов

на самом деле сладкий пирожок с добром и матами

Ну, вы просто пошли немного другим путем, тоже вариант)
Незачто)

URL


Запомнить

@CSS — стилизация дневников