Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   резина в дизайне (http://forum.oszone.net/showthread.php?t=62594)

oIo_DeN_oIo 11-03-2006 23:26 416669

резина в дизайне
 
Вложений: 1
  • sit.zip (3.00 KB, скачиваний: 18)
Вот сделал маленький резиновенький шаблон, и почему то разъезжаются две картинки если расширение экрана больше чем 1024х768...
Во вложении есть это самый шаблон.. неподскажет кто почему те 2 рисунка расходяться? (не забываем поставить разширение экрана выше 1024х768 )

Prisoner 12-03-2006 06:35 416748

Потому что резиновость тоже надо ограничивать, как говорит мой папа - "слишком хорошо тоже не хорошо". В вашем случае вы оставляете слишком свободы для мышления броузеру в вопросе что же считать резиновым - все ячейки. Проценты довольно подлая вещь - для разрешения 1024х768 19% (а именно столько отводится у вас под левый столбец) составляют ~194.5px (подогнано под ширину картинки 1.jpg), а вот при больших - соответственно и больше. Стало быть ширина левой ячейки уже больше ширины картинки, что при дефолтовом выравнивании последней к левому краю и дает отступ справа т.е. разрыв двух картинок.
Для решения проблемы разъезжания при разных разрешениях достаточно сделать центральный столбец резиновым (задавая ширину в %%), а левый и правый прописать жестко в пикселях и эффект будет тот же самый - резиновость достигнута с маленьким бонусом - картинки не разъезжаются.

oIo_DeN_oIo 12-03-2006 17:40 416880

то, что нужно задать в пикселях левые и правые колонки, а центральную сделать в процентах это ясно
но вот вопрос, а что если часть рисунка, допустим слевой колонки, выходит на резиновую центральную
ведь эта чать картинки начнет ездить вместе с разъездами центральной
что сделать чтобы эта кртинка оставалась на месте? а центр ездил?
Если не трудно подправь плийз на шаблоне или напиши подробней..
зарание спасибо

Prisoner 15-03-2006 17:58 418165

Хм. Проблема еще актуальна? Если да, то я не буду править шаблон (возьни много, сорри, а работы валом), а попытаюсь объяснить как достичь результата. Итак. Левую колонку фиксируем, центр - резиновый. Говорим сейчас о верхней строке, там где картинка которая не должна ездить. Дело в том, что если поместить в левую ячейку картинку тегом img и шириной даже больше чем объявлено в width ячейки, то эта левая ячейка растянется для вмещения в себя картинки (левой части овала) за счет сжатия резиновой центральной. Если в центральной ячейке задать выравнивание по левому краю (кажется оно вообще по умолчанию), то какие бы данные не были в левой ячейке, зазора не будет. Тут другой подводный камень: что если растягивать всю левую колонку будет не картинка в [1, 1], а данные в ячейке ниже? Тогда зазор в самом деле появится, и появится он из-за деволтного выравнивания левой части овала по левому краю ячейки которая растянулась. Поступаем просто: ставим в [1, 1] выравнивание по правой границе. Понятно изложил?


Время: 12:36.

Время: 12:36.
© OSzone.net 2001-