Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
0 / 0 / 1
Регистрация: 07.06.2016
Сообщений: 79
1

Ломается сайт при выставлении height: auto

23.11.2016, 18:50. Просмотров 424. Ответов 4
Метки нет (Все метки)


Выставляю height: auto для блока контент и сайт полностью ломается

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
    <body>
    {changeskin}
    {info}
        <div class="container">
            <!-- Шапка -->
            <header id="header">
                <div class="content">
                    <div class="header">
                        <div class="logotype">
                            <a href="/">adADada</a>
                        </div>
                        <!-- Поиск -->
                        <div class="search">
                            <form method="get" action="/search" target="_blank">
                                <input name="q" id="Search" placeholder="Search">
                                <button class="Search-Submit" type="submit">
                                    <i class="fa fa-search"></i>
                                </button>
                            </form>
                        </div>
                        <!-- /поиска -->
                        <!-- Верхнее меню -->
                        <div class="header-menu">
                            {login} 
                        </div>
                        <!-- /Верхнее меню -->
                    </div>
                </div>
            </header>
            <!-- /Шапки -->
            <div class="content">
                <nav class="navbar">
                    <ul>
                        <li class="general">Categories</li>
                        <li><a href="#">All</a></li>
                        <li><a href="#">Funny</a></li>
                    </ul>
                </nav>
                <div class="main-section">
                    {content}
                </div>
            </div>
            <div class="nav-page">
                <div class="content">
                    <div class="navigation-page">
                        
                    </div>
                </div>
            </div>
            <div class="footer">
                <div class="content">
                    <div class="footer-social">
                        <div class="call">
                            <div class="call-contact">
                                <ul>
                                    <li class="call-start"><a href="">Offer video</a></li>
                                    <li class="call-end"><a href="">Contact us</a></li>
                                </ul>
                            </div>
                            <div class="call-social">
                                <ul>
                                    <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                    <li><a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>  
                </div>
            </div>
            <div class="footer-info">
                <div class="content">
                    <p>Any data and information provided only informational purposes only</p>
                </div>
            </div>
        </div>        
    </body>
0
Миниатюры
Ломается сайт при выставлении height: auto   Ломается сайт при выставлении height: auto  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
23.11.2016, 18:50
Ответы с готовыми решениями:

height:auto;
можно ли как нибуть сделать auto+10px например,что бы не в притык было а с небольшим отступом у bg...

Iframe Auto height
Как сделать что бы height подганялся автоматически под страницу во фрейме ? Так не работает ...

textarea auto height
День добрый, есть такой микропримерчик: &lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;div style=&quot;width:...

Height auto не работает
кто может посмотрите по ссылке , почему бэкграунд не растягивается до конца, контент есть а он...

4
Эксперт HTML/CSS
2953 / 2539 / 1065
Регистрация: 15.12.2012
Сообщений: 9,511
Записей в блоге: 10
23.11.2016, 18:59 2
nickin, добавьте ещё overflow:hidden к height:auto... Не поможет кидайте стили...
0
0 / 0 / 1
Регистрация: 07.06.2016
Сообщений: 79
23.11.2016, 19:03  [ТС] 3
Структура востановилась, но цвета фона так и нету

CSS
1
2
3
4
5
6
7
8
9
10
11
12
.content {
    width: 1170px;
    overflow:hidden;
    height: auto;
    margin: 0 auto;
}
 
.main-section {
        background-color: #fff;
    margin-right: 190px;
    height: 100%;
}
0
Эксперт HTML/CSS
2953 / 2539 / 1065
Регистрация: 15.12.2012
Сообщений: 9,511
Записей в блоге: 10
23.11.2016, 19:14 4
nickin, белый фон поставьте для блока content...

CSS
1
2
3
4
5
6
7
.content {
    width: 1170px;
    overflow:hidden;
    height: auto;
    margin: 0 auto;
    background:#fff
}
0
0 / 0 / 1
Регистрация: 07.06.2016
Сообщений: 79
23.11.2016, 19:35  [ТС] 5
Делал уже так, он красит все блоки с контент
изменить цвет header просто на цвет заднего фона и всё?
0
Миниатюры
Ломается сайт при выставлении height: auto  
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
23.11.2016, 19:35

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

Вопрос по Height, Width в Auto
Здравствуйте, столкнулся с таким вопросом. Допустим есть у меня контейнер, ну например Grid1,...

Зачем нужно overflow: auto и еще height:100% в данном примере?
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Макет фиксированной ширины&lt;/title&gt; &lt;style...

Margin: 0 auto; не помогает?! Сайт уезжает при масштабе 33%!
Моцк кипит, а ошибка не найдена! Пожалуйста помогите! Собственно вот &quot;тонны&quot; кода! &lt;!DOCTYPE...

Некорректно работают функции Auto-Tone, Auto contrast, Auto color
Не корректно работают функции Auto-Tone, Auto contrast, Auto color. Вот пример (как на картинке)....


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

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

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