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



 

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

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

Открыть тему
Тема закрыта
> 2 горизонтальных дива.
mr_gorsky
mr_gorsky
Topic Starter сообщение 15.6.2012, 16:09; Ответить: mr_gorsky
Сообщение #1


Проблема такая.

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

Первый переменной ширины. Второй должен занимать всю оставшуюся ширину, а посередине этого дива(по ширине) должна быть картинка.

Много чего уже перпробовал...

Спасибо!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Muxa_hb
Muxa_hb
сообщение 15.6.2012, 16:11; Ответить: Muxa_hb
Сообщение #2


<div style="float: left; width: 20%;">1 div </div><div style="float: right; width: auto; margin: auto">2 div</div>
как то так по идее
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mr_gorsky
mr_gorsky
Topic Starter сообщение 15.6.2012, 16:40; Ответить: mr_gorsky
Сообщение #3


(Muxa_hb @ 15.6.2012, 19:11) *
<div style="float: left; width: 20%;">1 div </div><div style="float: right; width: auto; margin: auto">2 div</div>
как то так по идее


Неа.. тогда правый див прижимается к правой стороне страницы. И не растягивается на всю свободную ширину, а ровненько обтекает картинку.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Muxa_hb
Muxa_hb
сообщение 15.6.2012, 17:04; Ответить: Muxa_hb
Сообщение #4


попробуйте вот так [CSS]<div style="float: left; width: 20%;outline: 1px solid red;">1 div </div>
<div style="float: right; width: 80%;outline: 1px dashed blue;">2 div</div>[/CSS]
и как он может обтекать картинку если вы внутрь него вставляете картинку? о_О
или вот так
[CSS]<div style="float: left; width: 20%;outline: 1px solid red;">1 div </div>
<div style="width: 100%; margin-left: 20%;outline: 1px dashed blue;">2 div</div>[/CSS]

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Смена дива
1 xkant 6415 30.4.2013, 11:56
автор: -Bartle96-
Открытая тема (нет новых ответов) Вывод дива ссылки.Помогите реализовать.
1 Gestein 5499 28.6.2011, 21:09
автор: -Gestein-
Открытая тема (нет новых ответов) как отцентровать три дива в диве?
8 russsya 10112 1.12.2010, 20:38
автор: -alexdrob-


 



RSS Текстовая версия Сейчас: 25.4.2024, 2:26
Дизайн