Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
5 / 5 / 6
Регистрация: 27.10.2013
Сообщений: 66
1

Aside при адаптивной верстке

19.09.2015, 11:53. Показов 1275. Ответов 1
Метки нет (Все метки)

Здравствуйте. При сужении экрана надо чтобы один блок из сайдбара переместился над блоком контента,
а другой ушел под него. Как это сделать, если они помещены в один блок?
0
Миниатюры
Aside при адаптивной верстке   Aside при адаптивной верстке  
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
19.09.2015, 11:53
Ответы с готовыми решениями:

Меню при адаптивной верстке
Изучаю css не получается нормально адаптировать меню что бы в адаптивной верстке полностью...

Высота блока при адаптивной верстке
Всем мир. Страница с 4 блоками в ряд. При мобильной версии возникает такая хня (скриншот). Задать...

Дефолтная ширина для мобильников при адаптивной верстке
С одним человеком у нас возник разговор - он утверждал, что ему в макете достаточно ширины 400px, я...

Как управлять расположением блоков при адаптивной верстке ?
Есть 3 блока, они все стоят в ряд. При ресайзе на определенное разрешение нужно взять центровой...

1
Фрилансер
735 / 346 / 96
Регистрация: 05.05.2014
Сообщений: 2,621
19.09.2015, 13:12 2
Лучший ответ Сообщение было отмечено vakummm как решение

Решение

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .products
        {
            float: left;
            width: 50%;
        }
        @media screen and (min-width: 768px)
        {
            .menu
            {
                float: right;
                width: 50%;
            }
            .right-block
            {
                float: right;
                width: 50%;
            }
        }
 
    </style>
</head>
<body>
<div class="content">
    <div class="menu">menu</div>
    <div class="products">products</div>
    <div class="right-block">
        <div class="best">best</div>
        <div class="payment">payment</div>
    </div>
</div>
 
</body>
</html>
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
19.09.2015, 13:12

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

При адаптивной верстке получаеться что ширина экрана не 480х800, а 320х 533 Как с этим бороться?
При адаптивной верстке получаеться что ширина экрана не 480х800, а 320х 533 Как с этим бороться....

Изображения в адаптивной верстке
Друзья как прописать размеры изображений для монитора 1024px...

Валидность в адаптивной верстке
Имеются встроенные в основной css файл media queries: @media screen and (min-width:200px) and...

Высота блоков в адаптивной верстке
Есть код: &lt;div class=&quot;links&quot;&gt; &lt;div class=&quot;link1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;link2&quot;&gt;&lt;/div&gt; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.