Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
evgpolo
0 / 0 / 0
Регистрация: 14.02.2013
Сообщений: 2
#1

Слой отображается не на том месте

17.02.2013, 13:08. Просмотров 506. Ответов 1
Метки нет (Все метки)

Добрый день!
Столкнулся со следующей проблемой: засовываю в общий div выпадающее меню ul-li, а меню отображается ниже, как бы вне div'а. Исправляю float у li на none - меню в слое, но не упорядочено, обратно на left - опять ниже. Как исправить, подскажите. Фон - серый, главный div белого фона.
http://zalil.ru/34268637 - float left
http://zalil.ru/34268639 - float none
Сам код:
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
<!DOCTYPE HTML><html lang=ru>
<head>
<style>
html {
    background-color: #ccc;
}
.main {
    background-color: #fff;
    width: 80%;
}
.header {
  width: 100%;
  display: table;
 
}
.left, .middle, #right {
  display: table-cell !important;
}
.menu {width: 100%} 
 
/*Стиль меню*/
#nav,#nav li ul{margin:0px;padding:0px;list-style:none;} 
#nav > li{float:none; padding-right:22px;} /* Здесь меню float */
#nav li ul{display:none;}
#nav li:hover ul{display:block;}
</style>
</head><body>
 
<div class="main">
    <div class="header">
        <div class="left">1</div>
        <div class="middle">2</div>
        <div id="right">3</div>
    </div>
<div class="menu">
<ul id="nav">
    <li><a href="#">1</a>
        <ul>
            <li><a href="#">11</a></li>
            <li><a href="#">12</a></li>
            <li><a href="#">13</a></li>
        </ul>
    </li>
    <li><a href="#" onclick="return false;">2</a>
        <ul>
            <li><a href="#">21</a></li>
            <li><a href="#">22</a></li>
            <li><a href="#">23</a></li>
            <li><a href="#">24</a></li>
        </ul>
    </li>
    <li><a href="#" onclick="return false;">3</a></li>
</ul>
</div>
</div>
</body></html>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
17.02.2013, 13:08
Ответы с готовыми решениями:

Слой after отображается под картинкой в IE 8.0
&lt;!DOCTYPE &gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Тест&lt;/title&gt; &lt;style type='text/css'&gt;...

Замедленное появление/исчезание трёх разных текстов на одном и том же месте
Это моя первая тема как новичка. Поскольку в интернете не нашёл прямого...

При наведении курсора на шапку она светится в том месте где курсор
На одном сайте шапка очень интерестная при наведении курсора на неё она...

Не пойму почему слой не вкладывается в слой
Приветствую многоуважаемое сообщество! Вот написал такой кусок: &lt;div...

слой который будет оставаться на месте вне зависимости от прокрутки.
Помогите со скриптом: слой который будет оставаться на месте вне зависимости от...

1
Valiant
39 / 39 / 1
Регистрация: 12.02.2013
Сообщений: 177
20.02.2013, 12:08 #2
CSS
1
2
3
4
.menu {
width: 100%;
overflow:hidden;
}
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
20.02.2013, 12:08

Текст рисуется не в том месте?
Мне надо нарисовать текст в нужном месте картинки, но при от рисовке оно задает...

Результат выводится не в том месте
пытаюсь сделать что бы в alt картинки вставлялись теги поста. echo '&lt;img...

Задаю координаты, но кликает не в том месте
Здарова! Ситуация- я задал координаты элемента на экране монитора, по которому...


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

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

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