Прежде, чем говорить, что все плохо, подумай, что Ты сделал для того, чтобы все было хорошо
Простите, что к вам с такой просьбой.. все сделала, как уже было описано в разных темах здесь

В 7 эксплорере - все хорошо смотрится, все на своих местах, в Мозилле и Опере нашла ошибку, теперь тоже ничего не расползается)

Но в 6 эксплорере.... вверху и низу картинки.. странно наложились или разъехались..



А должно быть:





Я понимаю, что 6 эксплорер не есть гуд, но можно ли сделать так, что диз не расползался по швам и в 6 ?)



Использованный код:

#extratop {background: url('/userdir/3/8/3/0/383036/19878307.jpg') 0 0 no-repeat; width: 1000px; height:423px; clear:both; margin:-10px; margin-left:-100px; }



#extrabottom {background: url('/userdir/3/8/3/0/383036/19878695.jpg') 0 0 no-repeat; width: 1000px; height:141px; clear:both; margin:-10px; margin-left:-100px; }




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



И 3 вопрос) Сейчас что бы картинка стала.. "целой" это сделано довольно... топорно..). Верхняя и нижняя картинки - просто наложены на фон, который составляет боковины, по всей длине дневника, в том числе и под картинками

Можно ли как-либо сделать так, что бы этот фон начинался сразу после верхней картинки и заканчивался до нижней?)



UPD: 4.)) Совсем глупый вопрос, но ответа на него так и не нашла, может быть что-то не правильно делаю..

Можно ли сдвинуть Название дневника, фотографию и имя - вправо?) Пробовала разные способы, в итоге сдвинулось только название дневника, а картинка и имя автора, остались в центре, хотя у имени и стоит код, который стоит чуть выше у названия дневника

#authorName {font-color: #4a5d50; font-weight: bold; font-size: 15px; text-align: right;}



Заранее спасибо))

@темы: меню, отступы, фоновые картинки

Комментарии
19.05.2007 в 22:20

Зверь-чародей
1. во первых положение картинок для IE6 можно задать отдельно (можно даже картинки ддругие сделать :) )



работает это так:

#extratop {

background: url('/userdir/3/8/3/0/383036/19878307.jpg') 0 0 no-repeat !important;

background: url('/userdir/3/8/3/0/383036/19878308.jpg') 2px 3px no-repeat;

width: 1000px; height:423px; clear:both; margin:-10px; margin-left:-100px; }



дело в том что все нормальные (не IE6) браузеры увидев !important фиксируют значение и больше его не меняют.

а IE его игнорирует и все равно меняет.

т.е. в опере например будет

background: url('/userdir/3/8/3/0/383036/19878307.jpg') 0 0 no-repeat

а в IE будет

background: url('/userdir/3/8/3/0/383036/19878308.jpg') 2px 3px no-repeat



2. наложить текст на #extrabottom?

попробуйте поднять его вверх вот так:

#extrabottom {position:relative; top:-100px; z-index:-1;}

если не сработает - пните меня в понедельник - подумаю еще )) сейчас я дома и мне лень думать )



3. И 3 вопрос) Сейчас что бы картинка стала.. "целой" это сделано довольно... топорно..)

Не беспокойтесь ) Это стандартный прием в веб-дизайне. Так и надо было делать.



4. Про это тоже в пн - ладно? )