Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 04.11.2009, 15:41   #1
Funstarter
Новичок
Джуниор
 
Регистрация: 04.11.2009
Сообщений: 1
По умолчанию Вывод блоков в ряд

Нужно вывести 3 блока в ряд. Левый прижимается к левому краю, правый к правому. Ширина статична. Между блоками горизонтальные отступы.

Можно вывести таблицей. Но это в крайнем случае.

Если выводить блоками, то нужно левому блоку делать отдельный класс, в котором прописывать margin:0px;, а остальным двум margin-left:15px. Тогда все четко. Можно как то решить такую задачу, но что б все блоки имели один класс, что б у каждого был одинаковый код?
Funstarter вне форума Ответить с цитированием
Старый 13.11.2009, 10:55   #2
Алориан
Пользователь
 
Регистрация: 22.06.2009
Сообщений: 17
По умолчанию

Если левый прижимается к левому, а правый к правому то это уже как минимум одно уникальное правило для каждого из них.

Я не знаю в css правила которое было заставляло блоки прижиматься к ближайшему краю.
Алориан вне форума Ответить с цитированием
Старый 21.11.2009, 15:56   #3
IvanPavlov
 
Регистрация: 21.11.2009
Сообщений: 6
По умолчанию

<style type="text/css">

#leftcol {
position: absolute;
float: left;
margin- left:отступ от левого края в %, px;
margin-right:отступ от правого края в %, px
margin- top: отступ то верха в %, px;
width: ширина колонки в %, px;
}
#centercol {
position: absolute;
float: center;
margin- left:отступ от левого края в %, px;
margin-right:отступ от правого края в %, px
margin- top: отступ то верха в %, px;
width: ширина колонки в %, px;
}
#rightcol {
position: absolute;
float: right;
margin- left:отступ от левого края в %, px;
margin-right:отступ от правого края в %, px
margin- top: отступ то верха в %, px;
width: ширина колонки в %, px;
}
</style>

потом в делаеш div блоки и в пораметре id пишеш leftcol, centercol и rightcol

Последний раз редактировалось IvanPavlov; 21.11.2009 в 16:04.
IvanPavlov вне форума Ответить с цитированием
Старый 21.11.2009, 23:16   #4
Android_ua
Пользователь
 
Регистрация: 02.11.2009
Сообщений: 11
По умолчанию

Код:
*
{
margin:0;/* для кроссбраузерности */
padding:0;/* для кроссбраузерности */
}
#container /* основной блок */
{
width:990px;/* для примера */
height:auto;
margin:0 auto;/* центрируем содержимое сайта */
position:relative;
float:left;
}
#left_td /* левый блок */
{
width:200px;
height:200px;
float:left;
}
#right_td /* правый блок */
{
width:200px;
height:200px;
float:right;
}
/* float указывает местоположение блока */

Последний раз редактировалось Android_ua; 21.11.2009 в 23:19.
Android_ua вне форума Ответить с цитированием
Старый 23.11.2009, 05:40   #5
Magneto
Форумчанин
 
Аватар для Magneto
 
Регистрация: 10.02.2008
Сообщений: 178
По умолчанию

IvanPavlov - у свойства float нету значения center !
Magneto вне форума Ответить с цитированием
Старый 23.11.2009, 14:05   #6
IvanPavlov
 
Регистрация: 21.11.2009
Сообщений: 6
По умолчанию

Цитата:
Сообщение от Magneto Посмотреть сообщение
IvanPavlov - у свойства float нету значения center !
посибо за поправку просто у меня сайт из двух колонок
IvanPavlov вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Разделители блоков кода Levsha100 Свободное общение 11 14.10.2009 17:54
Фиксированное позиционирование блоков. Андрей79 HTML и CSS 0 17.08.2009 11:50
Помогите с позиционированием блоков CSS Андрей79 HTML и CSS 1 10.04.2009 10:05
Высота блоков. Grind HTML и CSS 1 23.10.2008 21:37
Обмен блоков в массиве Irik Помощь студентам 6 29.04.2007 14:08