X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Расятнуть div
UnderStorm
UnderStorm
Topic Starter сообщение 14.3.2011, 13:46; Ответить: UnderStorm
Сообщение #1


Возникла проблема:
Разместил три дива в ряд
один float:left с фиксированной шириной, другой по центру display: inline-block; третий float: right; тоже с фиксированной шириной.

Почему тот что в середине не хочет растягиваться в ширину, занимая все свободное место между двумя соседними дивами?
Что я забыл прописать?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 14.3.2011, 14:41; Ответить: adlic
Сообщение #2


Может вместо display: inline-block; прописать width:auto;...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
UnderStorm
UnderStorm
Topic Starter сообщение 14.3.2011, 18:29; Ответить: UnderStorm
Сообщение #3


(' post='105470 @ 14.3.2011, 16:41)
Может вместо display: inline-block; прописать width:auto;...

в этом случае правый блок смещается вниз, чего быть не должно...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 14.3.2011, 19:49; Ответить: adlic
Сообщение #4


Может вы еще чего лишнего прописали..
вот вариант?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
UnderStorm
UnderStorm
Topic Starter сообщение 14.3.2011, 21:06; Ответить: UnderStorm
Сообщение #5


Вроде это то, что нужно, но не работает :)

Вот мой код
<div class="header">
<div class="left"></div>
<div class="center"> &nbsp;</div>
<div class="right"></div>
</div>


[CSS].header { margin: 10px 20px; height: 104px; }
.header .left { background: url('../images/header.png') no-repeat 0 0; height: 104px; width:626px; float: left; }
.header .center { background: #cecece no-repeat 0 0; height: 104px; margin: 0 18px 0 0; }
.header .right { background: url('../images/header.png') no-repeat 0 -104px; height: 104px; width:18px; float: right; }[/CSS]

сайт на котором можно посмотреть как это выглядит - http://kvartal.convex.ru
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 14.3.2011, 21:39; Ответить: Apay
Сообщение #6


правый див вставте первым и в стилях
[CSS].header .center { background: #cecece no-repeat 0 0; height: 104px; margin: 0 18px 0 626px; }[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
UnderStorm
UnderStorm
Topic Starter сообщение 14.3.2011, 21:42; Ответить: UnderStorm
Сообщение #7


А все получилось оказывается надо было в html серединный блок располагать после левого и правого

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) DIV'ы в строку
0 RedEclipse 4637 29.9.2016, 17:53
автор: -RedEclipse-
Открытая тема (нет новых ответов) при выборе radio в option не скрывались div
0 serj123 6029 17.4.2016, 17:45
автор: -serj123-
Открытая тема (нет новых ответов) Как заставить отображать несколько элементов DIV в одну строку?
2 Aalena 3801 10.1.2016, 10:18
автор: -Aalena-
Открытая тема (нет новых ответов) Фоны в в div'ах расходятся при сужении экрана
1 Balalaaika1 5431 2.6.2015, 19:35
автор: -Degradator-
Открытая тема (нет новых ответов) При вставке ссылки в скрытый div последний не появляется
0 CeBePHb1Y 4412 9.3.2014, 19:00
автор: -CeBePHb1Y-


 



RSS Текстовая версия Сейчас: 3.12.2022, 9:23
Дизайн