![]() |
Модераторы: Illuminaty |
![]() ![]() ![]() |
|
darktempler |
|
|||
Новичок Профиль Группа: Участник Сообщений: 8 Регистрация: 28.6.2006 Репутация: нет Всего: нет |
Кароче суть такая идёт колонка по центру экрана фиксированой ширины хочется к это колонке сделать рамку.
Колонку сзодовал следующим образом:
Вот после чего тем же способом позиционирую 2 дива с бэкграундами(с лева и права от контекста) рамки для этой колонки. И вопрос: Как сделать что бы 3 дива были одинаковой высоты? Я где то читал что можно задатьочень большие отступы а потом обрезать ещё одним общим болком. Но у меня не получилось. Помогите пожалуйста ---------------------------------------------------------------------------- И ещё один резиновый сайт(100/100 %) на дивах из 6 колонок(у каждой шапка потом часть котоая тайтлися и футер) с выотой 100% и одной колонкой 100% ширины. Такое возможно? Исходя из того что читал последние две недели нет. |
|||
|
||||
supercelt |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 658 Регистрация: 25.8.2005 Репутация: нет Всего: 1 |
чё-то не врубаюсь как это, может ты имел ввиду вот так?
|
|||
|
||||
WebDisaster |
|
||||||||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 406 Регистрация: 22.6.2007 Репутация: 17 Всего: 19 |
Уважаемый darktempler, а Вы не видите противоречий в своём вопросе:
И что за зверь
Лично я тоже не понимаю половины написанного, как и то, на что же здесь отвечать. Если на всё и сразу, придётся посоветовать стопку хороших книг, ибо переписывать их все сюда лично мне лень. |
||||||||
|
|||||||||
SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Написано действительно сумбурновато, но насколько я понял, речь о создании графической рамки для фиксированного дизайна. Соображения по этому поводу следующие:
Т.е. все колонки, кроме одной, фиксированной ширины? Если так, то, имхо, можно попытаться реализовать через отрицательные margin-ы. Но лучше бы увидеть хоть примерную схему макета;). -------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
cleverbird |
|
|||
Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 464 Регистрация: 2.4.2006 Где: Стольный Град Репутация: 1 Всего: 30 |
SelenIT,
Soryy за offtop, но как часто сейчас вообще пользуются теми же самыми таблицами и фреймами при создании сайта? -------------------- Silentium est aurum |
|||
|
||||
SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
cleverbird, таблицами пока еще вовсю пользуются, особенно маленькие студии, массово клепающие сайты на "нюках" и пр. стандартных движках. Так что холиворы "таблицы vs. дивы" еще долго не утихнут, причем мое мнение - аккуратная таблица с вынесенными в CSS параметрами гораздо ближе к логической разметке, нежели бессистемные нагромождения рюшечек и фенечек (тех же рамок, тенюшек и т.п.) из отдельных пустых дивов чисто ради красоты. А вот фреймы действительно практически вымерли, туда им и дорога.
-------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
darktempler |
|
||||
Новичок Профиль Группа: Участник Сообщений: 8 Регистрация: 28.6.2006 Репутация: нет Всего: нет |
Вариант с бэкграундом который предложил SelenIT мне подохдит как выяснилось на 100%
вот только бэкграунд у боди свой. По этому завернул контекст в другой див по шире у которго идёт рамка бэкгрундом. Проблема решилась Единственно что не даёт мне покоя это то что там большая полоса бэк грунда получилась может есть вариант где можно этого избежать? ------------------------------------------
Всё правильно потому, что когда я верстал последний сайт их делали преимущественно таблицами. Сейчас вот сталкнулся с необходимостью сверстать сайт. Из нета определил для себя что таблицы это не есть гуд и дивы рулят. Читая про общие приёмы делаю сайт. Сайт на дивах первый потому естественно кривой, кто же объяснит как его сделать правильно.
Да все кроме одной фиксированой ширины. У каждой колонки своя шапка и низ с фиксированой высотой и часть котороя тайтлится(тайтлится это вырожение из 3дмаксовской наверно тематики размножается что ли... Короче полоска бэкграунда которая растягивается занимая пустое пространство) Можете примерную увидеть в топике здесь же на форуме: http://forum.vingrad.ru/forum/topic-165606...вый-шаблон.html Присоединённый файл ( Кол-во скачиваний: 9 ) ![]() |
||||
|
|||||
cleverbird |
|
|||
Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 464 Регистрация: 2.4.2006 Где: Стольный Град Репутация: 1 Всего: 30 |
SelenIT,
Я неоднократно читал про погрехи таблиц. Да ну ладно. Прошу прощение у автора статьи за оффтоп, но хочу задать вопрос SelenIT. Задача такова. Делаю макет сайта в виде таблицы. Содержимое верхней ячейки, ессно, -- шапка. Задаю шарке определенную высоту и width="100%, т.е. по ширине -- резиновая. Содержимое шапки (ячейки) -- изображение. Суть сделать изображение с определенными размерами (height="200" width="760") тоже резиновым. Например: <td height="20%" width="100%></td> -- шапка с процентными размерами относительно окна браузера. <td height="20%" width="100%><img=src="" height="100%" width="100%></td> -- изображение с процентными размерами относительно конейнера (ячейки). Т.е. изображение тоже становится везиновым? Это если без CSS. Ход мысли верный? Это сообщение отредактировал(а) cleverbird - 17.8.2007, 15:57 -------------------- Silentium est aurum |
|||
|
||||
darktempler |
|
||||||
Новичок Профиль Группа: Участник Сообщений: 8 Регистрация: 28.6.2006 Репутация: нет Всего: нет |
to: cleverbird
А вот мне интересно прежде чем сюда писать вы сами пробуете? Я думаю если бы вы один раз попробовали сделать то, что сами же и написали у вас ее возникало подобных вопросов
А каким же оно будет если вы проценты указали.... Логика автора мне не понятна. А на Css к слову всё выглядет точно так же
К слову с таблицами проблем гораздо меньше чем со слоям да и сверстать ими сайт логичнее и проще нежели на тех же дивах Это сообщение отредактировал(а) darktempler - 18.8.2007, 01:33 |
||||||
|
|||||||
SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
cleverbird, по логике, все правильно. На практике почему-то не работает в FF - не хочет он фиксировать высоту ячейки, внутри которой картинка растягивается по высоте на проценты. Такое впечатление, что вне зависимости от фактической высоты картинки под нее "резервируется" столько, сколько она бы занимала, будучи растянутой на требуемую ширину с сохранением пропорций. Если высота картинки фиксируется в px или em, проблемы нет. Очевидно, баг Gecko...
Но в любом случае растягивать картинку не есть гуд - большинство браузеров делают это криво и некрасиво, особенно при искажении пропорций (напр. на широком экране). По-моему, лучше выделить из картинки некую основу и положить ее фоном, а важные детали сделать прозрачными и абсолютно спозиционировать поверх со смещением в процентах. Тогда будут "растягиваться" расстояния между этими деталями, но сами они искажаться не будут. Нечто подобное я когда-то в молодости делал здесь... -------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
cleverbird |
|
|||
Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 464 Регистрация: 2.4.2006 Где: Стольный Град Репутация: 1 Всего: 30 |
darktempler,
Да, именно так я обычно и поступаю. Вчера мне нужно было получить ответ к сегодняшнему утру, но возможности самому попробовать у меня не было, ибо я уезжал. Теперь логика автора понятна? SelenIT, Спасибо за помощь. Красиво. ![]() Flash-бабочка чья работа? ![]() P.S: darktempler, ах да! Чуть не забыл. В случае, когда обращение происходит в единственном числе, слово "Вы" пишется с Большой буквы. -------------------- Silentium est aurum |
|||
|
||||
![]() ![]() ![]() |
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |