Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Проблемма с вёрсткой сайта на DIV в 1 колонну, Требуется сделать 100% рамку контету 
V
    Опции темы
darktempler
  Дата 16.8.2007, 15:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 8
Регистрация: 28.6.2006

Репутация: нет
Всего: нет



Кароче суть такая идёт колонка по центру экрана фиксированой ширины хочется к это колонке сделать рамку.
Колонку сзодовал следующим образом:
Код

<style type="text/css">
<!--
html,body{
    margin:0px;
    padding:0px;
}
#Layer1 {
    position:absolute;
    margin-left: -350px;
    left:50%;
    width:700px;
}
-->
</style>

<div id="Layer1" align="left">Content</div>


Вот после чего тем же способом позиционирую 2 дива с бэкграундами(с лева и права от контекста)  рамки для этой колонки.
И вопрос:
Как сделать что бы 3 дива были одинаковой высоты?

Я где то читал что можно задатьочень большие отступы а потом обрезать ещё одним общим болком. Но у меня не получилось. Помогите пожалуйста

----------------------------------------------------------------------------
И ещё один резиновый сайт(100/100 %) на дивах из 6 колонок(у каждой шапка потом часть котоая тайтлися и футер) с выотой 100% и одной колонкой 100% ширины. Такое возможно? Исходя из того что читал последние две недели нет.
PM MAIL   Вверх
supercelt
Дата 16.8.2007, 17:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 658
Регистрация: 25.8.2005

Репутация: нет
Всего: 1



чё-то не врубаюсь как это, может ты имел ввиду вот так?

Код

<table width="700" border="0" cellspacing="0" cellpadding="0" align="center" style="border-left:#000000 1px solid; border-right:#000000 1px solid">
  <tr>
    <td align="center">content</td>
  </tr>
</table>

PM   Вверх
WebDisaster
Дата 16.8.2007, 20:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 406
Регистрация: 22.6.2007

Репутация: 17
Всего: 19



Уважаемый darktempler, а Вы не видите противоречий в своём вопросе:
Цитата

Проблемма с вёрсткой сайта на DIV в 1 колонну

Цитата

Как сделать что бы 3 дива были одинаковой высоты?

Цитата

сайт(100/100 %) на дивах из 6 колонок


И что за зверь
Цитата

часть котоая тайтлися 


Лично я тоже не понимаю половины написанного, как и то, на что же здесь отвечать. Если на всё и сразу, придётся посоветовать стопку хороших книг, ибо переписывать их все сюда лично мне лень.

PM MAIL   Вверх
SelenIT
Дата 16.8.2007, 21:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Написано действительно сумбурновато, но насколько я понял, речь о создании графической рамки для фиксированного дизайна. Соображения по этому поводу следующие:
  • Использовать для рамки отдельные дивы - чудовищное насилие над самой идеей блочной верстки, пережиток "табличного" мышления.
  • Поскольку дизайн фиксированный, ничто не помешает сделать обе границы одной широкой картинкой. И положить ее прямо на body в виде background: url(путь/к/картинке.gif) 50% 0 repeat-y.
  • Т.к. общая затея явно навеяна табличной моделью... может, таблицей и сделать? ;)


Цитата(darktempler @  16.8.2007,  15:41 Найти цитируемый пост)
резиновый сайт(100/100 %) на дивах из 6 колонок(у каждой шапка потом часть котоая тайтлися и футер) с выотой 100% и одной колонкой 100% ширины. Такое возможно?

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


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
cleverbird
Дата 16.8.2007, 22:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 464
Регистрация: 2.4.2006
Где: Стольный Град

Репутация: 1
Всего: 30



SelenIT
Soryy за offtop, но как часто сейчас вообще пользуются теми же самыми таблицами и фреймами при создании сайта? 



--------------------
Silentium est aurum
PM MAIL   Вверх
SelenIT
Дата 17.8.2007, 01:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



cleverbird, таблицами пока еще вовсю пользуются, особенно маленькие студии, массово клепающие сайты на "нюках" и пр. стандартных движках. Так что холиворы "таблицы vs. дивы" еще долго не утихнут, причем мое мнение - аккуратная таблица с вынесенными в CSS параметрами гораздо ближе к логической разметке, нежели бессистемные нагромождения рюшечек и фенечек (тех же рамок, тенюшек и т.п.) из отдельных пустых дивов чисто ради красоты. А вот фреймы действительно практически вымерли, туда им и дорога.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
darktempler
Дата 17.8.2007, 11:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 8
Регистрация: 28.6.2006

Репутация: нет
Всего: нет



Вариант с бэкграундом который предложил SelenIT мне подохдит как выяснилось на 100%
вот только бэкграунд у боди свой. По этому завернул контекст в другой див по шире у которго идёт рамка бэкгрундом. Проблема решилась

Единственно что не даёт мне покоя это то что там большая полоса бэк грунда получилась может есть вариант где можно этого избежать?

------------------------------------------

Цитата

Т.к. общая затея явно навеяна табличной моделью... может, таблицей и сделать? ;)


Всё правильно потому, что когда я верстал последний сайт их делали преимущественно таблицами.
Сейчас вот сталкнулся с необходимостью сверстать сайт. Из нета определил для себя что таблицы это не есть гуд и дивы рулят. Читая про общие приёмы делаю сайт. Сайт на дивах первый потому естественно кривой, кто же объяснит как его сделать правильно.

Цитата

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


Да все кроме одной фиксированой ширины. У каждой колонки своя шапка и низ с фиксированой высотой и часть котороя тайтлится(тайтлится это вырожение из 3дмаксовской наверно тематики размножается что ли... Короче полоска бэкграунда которая растягивается занимая пустое пространство) Можете примерную увидеть в топике здесь же на форуме:
http://forum.vingrad.ru/forum/topic-165606...вый-шаблон.html



Присоединённый файл ( Кол-во скачиваний: 9 )
Присоединённый файл  temp1.jpg 18,87 Kb
PM MAIL   Вверх
cleverbird
Дата 17.8.2007, 14:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 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
PM MAIL   Вверх
darktempler
  Дата 18.8.2007, 01:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 8
Регистрация: 28.6.2006

Репутация: нет
Всего: нет



to: cleverbird
А вот мне интересно прежде чем сюда писать вы сами пробуете? Я думаю если бы вы один раз попробовали сделать то, что сами же и написали у вас ее возникало подобных вопросов

Цитата

<td height="20%" width="100%><img=src="" height="100%" width="100%></td> -- изображение с  процентными размерами относительно конейнера (ячейки). Т.е. изображение тоже становится везиновым?


А каким же оно будет если вы проценты указали.... Логика автора мне не понятна.
А на Css к слову всё выглядет точно так же
Код

#fitImg{
    height: 100%;
    width: 100%;
}

<img src="image1.jpg" id="fitImg" />


Цитата

Я неоднократно читал про погрехи таблиц. 


К слову с таблицами проблем гораздо меньше чем со слоям да и сверстать ими сайт логичнее и проще нежели на тех же дивах

Это сообщение отредактировал(а) darktempler - 18.8.2007, 01:33
PM MAIL   Вверх
SelenIT
Дата 18.8.2007, 03:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



cleverbird, по логике, все правильно. На практике почему-то не работает в FF - не хочет он фиксировать высоту ячейки, внутри которой картинка растягивается по высоте на проценты. Такое впечатление, что вне зависимости от фактической высоты картинки под нее "резервируется" столько, сколько она бы занимала, будучи растянутой на требуемую ширину с сохранением пропорций. Если высота картинки фиксируется в px или em, проблемы нет. Очевидно, баг Gecko...

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


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
cleverbird
Дата 18.8.2007, 11:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 464
Регистрация: 2.4.2006
Где: Стольный Град

Репутация: 1
Всего: 30



darktempler
Цитата(darktempler @  18.8.2007,  01:29 Найти цитируемый пост)
А вот мне интересно прежде чем сюда писать вы сами пробуете? Я думаю если бы вы один раз попробовали сделать то, что сами же и написали у вас ее возникало подобных вопросов

Да, именно так я обычно и поступаю. 
Вчера мне нужно было получить ответ к сегодняшнему утру, но возможности самому попробовать у меня не было, ибо я уезжал.
Теперь логика автора понятна?

SelenIT
Спасибо за помощь.
Цитата(SelenIT @  18.8.2007,  03:14 Найти цитируемый пост)
Нечто подобное я когда-то в молодости делал здесь... 

Красиво. smile 
Flash-бабочка чья работа?  smile 

P.S: darktempler, ах да! 
Чуть не забыл. В случае, когда обращение происходит в единственном числе, слово "Вы" пишется с Большой буквы. 


--------------------
Silentium est aurum
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0852 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.