Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.69/13: Рейтинг темы: голосов - 13, средняя оценка - 4.69
-25 / 0 / 1
Регистрация: 08.12.2013
Сообщений: 150
1

Когда делаю Float left пропадает фон у родительского элемента, точнее он есть но браузеру на него все равно

20.11.2018, 22:59. Показов 2324. Ответов 3
Метки нет (Все метки)

Вобщем верстал футер он у меня должен быть вот таким
Когда делаю Float left пропадает фон у родительского элемента, точнее он есть но браузеру на него все равно

пока он у меня вот такой
Когда делаю Float left пропадает фон у родительского элемента, точнее он есть но браузеру на него все равно

но как только я задаю двум первым спискам float left у меня пропадает синий фон и фон становиться белым и так как у меня цвет текста белый сосздается впечатление что на странице ничего нет совсем как на этом скрине
Когда делаю Float left пропадает фон у родительского элемента, точнее он есть но браузеру на него все равно

вот мой код, когда слетает фон родительского элемента, где стоит float: left; у списков
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
<!DOCTYPE html>
<html>
<head>
    <title>Новостное агентство</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
    
        <div class="footer">
        <div class="fixed-container">
        <div id="menu1">    
            <ul>
            <li>Главная</li>
            <li>Политика</li>
            <li>Общетво</li>
            <li>Экономика</li>
            <li>В мире</li>
            </ul>
        </div>
        <div id="menu2">
            <ul>
            <li>Путешествия</li>
            <li>Спорт</li>
            <li>Наука</li>
            <li>Туризм</li>
            </ul>
        </div>
</div>
        </div>
    </div>
</body>
</html>
CSS
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
html, body {
    margin: 0;
    padding: 0;
    min-width: 1000px;
    font-family: Arial;
    /*background-image:  url('img/bg.png');*/
}
 
 
.fixed-container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
 
 
.footer {
    background-color: #00122f;
    color: white;
    height: 100%;
}
.footer ul {
list-style-type: none;
padding-top: 56px;
padding-left: 0px;
 
}
.footer li {
    padding-bottom: 20px;
}
#menu1 {
    width: 100px;
    float: left;/*здесь если убрать float тогда снова появится синий фон */
}
#menu2 {
    width: 100px;
    float: left; /*здесь если убрать float тогда снова появится синий фон */
}
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.11.2018, 22:59
Ответы с готовыми решениями:

Исчезает фон меню, когда к селектору идентификаторов menu ul li применяю значение float: left;
Добрый день, уважаемые участники форума. Я в вёрстке пока ещё новичок, и очень прошу ваш совет. А...

почему сбрасывается background родителя, когда в нем 3 элемента с float:left?
http://jsfiddle.net/7MTZf/ вот собственно, с двумя флоатами работает, с третьим бэкграунд...

Float: left, или история о том, как браузеру на это плевать
Всем доброго времени суток. Делал шапку. Смысл в чем: есть главный DIV блок, в нем остальное. В...

Задаю float:left - не показывает фон родителя
Почему когда задаю float: left class'у Block, то у меня не показывает фон wraperr'a? &lt;html&gt;...

3
Модератор
Эксперт JSЭксперт HTML/CSS
3748 / 2646 / 1516
Регистрация: 12.07.2015
Сообщений: 6,644
Записей в блоге: 4
21.11.2018, 01:38 2
Лучший ответ Сообщение было отмечено brahmanchikk как решение

Решение

CSS
1
2
3
4
5
6
.footer {
    background-color: #00122f;
    color: white;
    height: 100%;
    overflow: hidden; /* !!! */
}
Или читаем про clearfix
1
-25 / 0 / 1
Регистрация: 08.12.2013
Сообщений: 150
21.11.2018, 10:26  [ТС] 3
ты золото! )
0
mrtoxas
21.11.2018, 10:41     Когда делаю Float left пропадает фон у родительского элемента, точнее он есть но браузеру на него все равно
  #4

Не по теме:


Кликните здесь для просмотра всего текста

Название: 1423.PNG
Просмотров: 8

Размер: 16.7 Кб

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
21.11.2018, 10:41

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Делаю "float: left" и картинка выходит за границу страницы
Делаю &quot;float: left&quot; для картинки и она после этого выходит за границу страницы... Такое...

Windows 8: когда делаю VPN соединение общим пропадает локальная сеть
Всем привет у меня следующая проблема: Когда я делаю VPN соединеие общим (позволяю другим...

Не получается примонтировать раздел жёсткого диска в /etc/fstab. В терминале всё делаю под рутом и всё равно пишется, что отказано в доступе.
У меня стоит линукс Fedora11, до установки федоры у меня стоял линукс Мандрива, и вот после...

Ошибка при создании трех колонок (float:left, float:right и margin:0 auto;)
3-й час бьюсь, но никак не могу понять, что не так делаю. почему оранжевый блок опускается? ...

В диве есть два дива. Высота родительского дива равно 0
Подскажите, есть див контента, в котором две колонки. Высота контента равна нулю. почему? &lt;div...


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

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

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