11:09

Я стала ведьмой от горя и бедствий, поразивших меня

И снова здравствуйте, господа. Как всегда, на вас последняя надежда.

Это мой новенький дизайн

На экране 1200*800 и больше, вроде, смотрится нормально, ничего никуда не уезжает, все влезает.

Это он же на экране с меньшим разрешением

Приходится сдвигать по горизонтали и тогда фон записи уползает под дополнительный блок (окно), на котором меню, и это выглядит грустно

 

 

Кусок кода, отвечающий за фоны

#wrapper { background: transparent; border:
none; position:absolute; min-width:652px!important;width:652px;}



#wrapper { margin-bottom: 20px; margin-left:
600px; margin-right: 0px; margin-top: 20px;width: 652px;}



#add_block1 { position: fixed; width: 588px;
height: 654px;left: 0%; top:0%;margin-left: 0px; background:
url('/userdir/2/1/5/2/215261/60621407.png';) no-repeat 0% 0%; z-index:1
!important;}



body {background:
url('/userdir/2/1/5/2/215261/60621734.jpg';) fixed; padding: 0 !important;
margin: 0 !important; position: relative; width: 100% !important; max-width:
100% !important; min-width: 1000px !important; z-index: 0;}



#page-c{background:url('/userdir/2/1/5/2/215261/60638246.png';);
width:646px !important;padding:0 !important;padding:0 !important; margin-top:
0px; margin-bottom:-10px !important}



#page-t {margin:0 !important}



#extratop {
background:url('/userdir/2/1/5/2/215261/60638129.png';) no-repeat; width: 646px;
height: 228px;margin-bottom: -2px;z-index: 2;}



#extrabottom {background:
url('/userdir/2/1/5/2/215261/60638132.png';) no-repeat; width:646px; height:
235px; margin-top: 6px; z-index: 2 !important;}

Это все, что у меня есть.

 

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

В общем, мне нужен свежий взгляд и дельные советы. Пожалуйста.

 



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

Комментарии
27.09.2010 в 11:32

Не сахар
#wrapper { background: transparent; border: none; position:absolute; min-width:652px!important;width:652px;}
#wrapper { margin-bottom: 20px; margin-left: 600px; margin-right: 0px; margin-top: 20px;width: 652px;}
Вот то, что выделено жирным, все вместе отвечает за ширину дневника не меньше 1252 пикселей. И на экране с меньшим разрешением оно будет уезжать, хотите вы этого или нет.
Стандарт веб-дизайна таков, что дизайны с фиксированной шириной делаются под 1000 пикселей. Как правило, они на всех современных мониторах смотрятся нормально.
27.09.2010 в 11:41

Aloria права. Уменьшайте картинку, иначе никак. В процентном соотношении она уменьшаться не может. Ксс пока еще до такого не дошел.
Вообще такое расположение крайне неудобно. Делать меню той же ширины, что и блок записей и распологать его сбоку - это фейл. Либо в монитор не влезет, либо блок записей станет напоминать рулон туалетной бумаги, и сие невозможно будет читать.
Учитывайте, что многие пользуются мониторами с разрешением 1024х780, а это намного меньше того разрешения, на которое рассчитан ваш дизайн.
27.09.2010 в 11:55

Я стала ведьмой от горя и бедствий, поразивших меня
Aloria
спасибо.
Там по-любому циферки поменять надо, после того, как три раза код пересносила уже и забыла...
Walterka
мерси, так и сделаю скорее всего...
фейл-то фейл, но у меня по жизни меню было сверху, как-то аж надоело.
Пока у меня было 1024х780, как-то оказывалось, что у всех вокруг чуть ли не метр на метр экраны :sadtxt: