<MyRusakov.ru />

Создание и раскрутка сайта от А до Я

Создание и раскрутка сайта от А до Я

Видеокурс "Создание и Раскрутка сайта от А до Я" - это 246 видеоуроков общей продолжительностью более 50-ти часов по теме создания, размещения в Интернете и раскрутке сайта.

В уроке рассмотрены следующие необходимые любому профессиональному Web-мастеру языки: HTML, CSS, JavaScript, PHP, SQL (с использованием MySQL) и XML.

Помимо этого в Видеокурсе рассматривается самая популярная система управления контентом - Joomla.

Также в Видеокурсе "Создание и Раскрутка сайта от А до Я" показывается весь процесс создания реального сайта - MyRusakov.ru. Затем демонстрируется его размещение в Интернете, а также последующая раскрутка. Всё это записывается, и Вам остаётся лишь просто повторить, чтобы стать владельцем своего собственного сайта!

И, наконец, почти к каждому уроку идут упражнения, которые позволяют закрепить полученные знания из урока уже на практике.

Подробнее
Уроки и статьи
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Резиновая верстка
15.07.2013 19:47:33 Резиновая верстка Сообщение #1
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

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

Возник вопрос. Как сделать так, чтобы фиксированного размера была центральная колонка (например, width="900px", а боковые колонки изменяли свой размер при изменении окна браузера. При этом боковые колонки должны иметь одинаковую ширину, чтобы центральная колонка всегда была по центру. И во все три колонки можно было поместить текст.
Профиль Ответить
15.07.2013 20:58:17 Резиновая верстка Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Попробуйте левой и правой задать width=50%, а центральной width=900px.
Профиль Ответить
15.07.2013 23:59:51 Резиновая верстка Сообщение #3
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

Я так пробовал, но не помогает.

<head>
<style type="text/css">
#left,#center,#right {
height: 100px;
}
#left {
float: left;
width: 50%;
background: #ff0;
}
#right {
float: right;
width: 50%;
background: #ff0;
}
#center {
width: 900px;
}
</style>
</head>
<body>
<div id="left">1
</div>
<div id="right">3
</div>
<div id="center">2
</div>
</body>
Профиль Ответить
16.07.2013 07:09:55 Резиновая верстка Сообщение #4
samisite

samisite

Новичок

Новичок

Дата регистрации:
10.03.2013 06:13:59

Сообщений: 7

Особенностью "плавающих элементов" при помощи float, является то, что помимо самого элемента float: left; /*положение слева*/всегда необходимо указывать ширину плавающего элемента , в данном случае, я указал эту ширину равной 150px в таблице стилей.
Смотри здесь:

http://samisite.ru/vhod_css/rez_v/maket.html
Профиль Ответить
16.07.2013 22:40:03 Резиновая верстка Сообщение #5
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

Спасибо за пример. Но этот вариант, я написал в самом начале - изменение размера страницы, происходит из-за изменения размеров центральной колонки. В данном случае требуется, чтобы центральная колонка всегда была постоянной. А у Вас центральная колонка увеличивает размер, при растяжении окна браузера.
Профиль Ответить