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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Подскажите, как сверстать макет страницы 
:(
    Опции темы
froosty
Дата 22.12.2012, 21:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Доброго времени суток. Подскажите пожалуйста, как можно сверстать макет из 2-х колонок, у 1-й из которых ширина фиксированная, а у другая растягивается на оставшееся простарнство?
Не знаю, как описать, если не понятно, но возможно "схема" на изображении поможет=) Заранее спасибо)
user posted image
PM MAIL   Вверх
Arantir
Дата 22.12.2012, 22:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Рыбак без удочки
**


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

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



Зависит от того, чем вы собираетесь облепить этот каркас. Вот один из способов: http://jsfiddle.net/uHWes/
Но может так случился, что он вам не подойдет при некоторых обстоятельствах. 


--------------------
interface Жопа {
    // ATTENTION: has to be implemented by every class of the project for proper project work
}
PM   Вверх
Arantir
Дата 22.12.2012, 22:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Рыбак без удочки
**


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

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



Вот еще пример: http://jsfiddle.net/ZuHW2/2/
В нем все базируется на блоках, а не отступах. Например, не будет проблем с фоном.


--------------------
interface Жопа {
    // ATTENTION: has to be implemented by every class of the project for proper project work
}
PM   Вверх
skyboy
Дата 23.12.2012, 01:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

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



вариант проще: у левого блока ширина и float:left
у правого — margin-left, равный ширине левого блока
всё
PM MAIL   Вверх
Arantir
Дата 23.12.2012, 01:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Рыбак без удочки
**


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

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



skyboy, а автоширину при этом как по-вашему к сделать-то?
Правый блок будет выпирать за страницу на размер margin.

Это сообщение отредактировал(а) Arantir - 23.12.2012, 01:46


--------------------
interface Жопа {
    // ATTENTION: has to be implemented by every class of the project for proper project work
}
PM   Вверх
skyboy
Дата 23.12.2012, 02:20 (ссылка) |    (голосов:2) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

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



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


 




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


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

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