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

@nickin · Регистрация: 07.06.2016

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

HTML5

    <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>

@Fedor92 · 23.11.2016, 18:59

nickin, добавьте ещё overflow:hidden к height:auto...

Не поможет кидайте стили...

@nickin · 23.11.2016, 19:03 **[ТС]**

Структура востановилась, но цвета фона так и нету

CSS

.content {
    width: 1170px;
    overflow:hidden;
    height: auto;
    margin: 0 auto;
}
 
.main-section {
        background-color: #fff;
    margin-right: 190px;
    height: 100%;
}

@Fedor92 · 23.11.2016, 19:14

nickin, белый фон поставьте для блока content...

CSS

.content {
    width: 1170px;
    overflow:hidden;
    height: auto;
    margin: 0 auto;
    background:#fff
}

@nickin · 23.11.2016, 19:35 **[ТС]**

Делал уже так, он красит все блоки с контент
изменить цвет header просто на цвет заднего фона и всё?

@Fedor92 2953 / 2539 / 1065 Регистрация: 15.12.2012 Сообщений: 9,511 Записей в блоге: 10
	23.11.2016, 18:59	2
	nickin, добавьте ещё overflow:hidden к height:auto... Не поможет кидайте стили... 0

@nickin 0 / 0 / 1 Регистрация: 07.06.2016 Сообщений: 79
	23.11.2016, 19:35 [ТС]	5
	Делал уже так, он красит все блоки с контент изменить цвет header просто на цвет заднего фона и всё? 0 Миниатюры

Опции темы