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



 

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

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

Открыть тему
Тема закрыта
> Ох уж этот float, разноразмерные блоки и их обтекали с помощью float
BorodinKO
BorodinKO
Topic Starter сообщение 12.2.2013, 2:38; Ответить: BorodinKO
Сообщение #1


[CSS]<style>
body{
width:950px;
margin: 0 auto;
ruby-overhang:end;
}
.mini, .maxi{
float:left;
background:#000;
margin: 5px;
}
.mini{
width:200px;
height:200px;
}
.maxi{
width:410px;
height:410px;
}
</style>[/CSS]

<body>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="maxi"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
<div class="mini"></div>
</body>


У меня есть квадратные блоки maxi и mini. где mini = 200 пикселам, а maxi в 2 раза больше с учетом 2 отступов 200 *2 + 5px * 2
в итоге получаю вот такую картинку

[IMG]http://s2.hostingkartinok.com/uploads/images/2013/02/3f362fc2c307f767d0c56d16668f3da3.png[/IMG]

Мне бы хотелось что бы все mini квадратики обтекали большой, не в зависимости от того где он находится. Табличная верстка отпадает ....

долго думал в голову не чего больше не лезет
у кого какие идеи по поводу этого?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 12.2.2013, 10:08; Ответить: Arks
Сообщение #2


идеи будут такие - правильно выстроить порядок отрисовки элементов. У большого блока должно быть float: right, margin-right. У маленького блока в пустом месте должно быть float: left; clear: left. Тогда все маленькие блоки будут float:left, и по идее провалятся в дырочку слева и в дырочку образованную margin'ом большого блока - ну или как-то так не знаю... надо смотреть. Ну и в css3 вроде есть всякие мультиколоночные фишки для блоков, попробуйте их использовать.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BorodinKO
BorodinKO
Topic Starter сообщение 12.2.2013, 17:07; Ответить: BorodinKO
Сообщение #3


По моему "мультиколоночные фишки" тут не помогут, ибо у меня есть большой блок maxi который все портит, а твое решение я не очень понял, все равно все разезжается, и мне не хочется прописывать отдельное решение для каждого блока, хочется добиться гибкости, что бы я мог менять блоки местами и все вставало так как мне надо. Не уже ли до меня не кто не сталкивался с такой проблемой?

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Раскройте свой потенциал заработка с помощью 2x2 Media Network — вашего пути к выгодным предложениям CPA!
Присоединяйтесь к 2x2 Media Network, вашему надежному партнеру в мире
11 2x2MediaLimited 3299 18.4.2024, 4:22
автор: 2x2MediaLimited
Горячая тема (нет новых ответов) Проверка позиций сайтов в поисковых системах с помощью Positon.ru
Мониторинг продвижения сайтов
183 Positon 179830 12.4.2024, 8:32
автор: Positon
Открытая тема (нет новых ответов) Продам места под сквозные блоки на СМИ сайте
текст или графика
0 seo_vladimir 787 2.9.2020, 12:14
автор: seo_vladimir
Открытая тема (нет новых ответов) WEB и SMM дизайн — решение ваших бизнес задач с помощью дизайна
8 justburger 5343 6.7.2020, 9:18
автор: justburger
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыЦелевой трафик +30% за 4 месяца с помощью SEO продвижения у Хачатура - отзывы и кейсы в топике
6 Mikejones 3462 9.7.2019, 10:47
автор: Mikejones


 



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