css меню заходит под контент

[daggi]

В Левом меню при открытии, список заходит под контент. все возможные способы с позиционированием пробовал ничего не помогает. может вы мне что подскажите что можно сделать?вот ссылка на сайт http://fr13809.tw1.ru/index.php

[ShumNo]

в Firefox не воспроизводится

укажите браузер и скрин того что происходит

[daggi]

в Firefox не воспроизводится

укажите браузер и скрин того что происходит

Edited October 27, 2012 by daggi

[Alex Shnayder]

Список не заходит под контент, он обрезается из-за того, что у его родителей задано overflow: hidden. Воспользуйтесь другим способом очистки потока.

[daggi]

в Firefox не воспроизводится

укажите браузер и скрин того что происходит

Во всех браузерах это происходит. я так понял это что то связано с позиционированием. пробовал z-index и позишион все равно не помогает. может конечно я не так делаю...

Список не заходит под контент, он обрезается из-за того, что у его родителей задано overflow: hidden. Воспользуйтесь другим способом очистки потока.

в смысле обрезается, а как это обойти?

Список не заходит под контент, он обрезается из-за того, что у его родителей задано overflow: hidden. Воспользуйтесь другим способом очистки потока.

Чета я не совсем понял о чем идет речь?

в Firefox не воспроизводится

укажите браузер и скрин того что происходит

Во всех браузерах это происходит. я так понял это что то связано с позиционированием. пробовал z-index и позишион все равно не помогает. может конечно я не так делаю...

Список не заходит под контент, он обрезается из-за того, что у его родителей задано overflow: hidden. Воспользуйтесь другим способом очистки потока.

в смысле обрезается, а как это обойти?

Список не заходит под контент, он обрезается из-за того, что у его родителей задано overflow: hidden. Воспользуйтесь другим способом очистки потока.

Чета я не совсем понял о чем идет речь?

Вот мое меню css

ul#set-v li ul li{

width:215px;

}

ul#set-v,

ul#set-v li,

ul#set-v ul {

margin: 0;

border: 0 none;

padding: 0;

width: 160px;

list-style: none;

}

ul#set-v:after {

clear: both;

display: block;

font: 1px/0px serif;

content: ".";

height: 0;

visibility: hidden;

}

ul#set-v li {

float: left;

display: block !important;

display: inline;

position: relative;

}

ul#set-v a {

-moz-border-bottom-colors: none;

-moz-border-left-colors: none;

-moz-border-right-colors: none;

-moz-border-top-colors: none;

background: none repeat scroll 0 0 #553015;

border-color: #FFFFFF #25160F #25160F #FFFFFF;

border-image: none;

border-style: solid;

border-width: 1px;

color: #FFFFFF;

display: block;

font: bold 16px/23px Verdana,Arial,Helvetica,sans-serif;

height: auto !important;

padding:3px 8px;

text-decoration: none;

}

ul#set-v a:hover,

ul#set-v li:hover a,

ul#set-v li.iehover a {

background: #E9E0D0;

color:black;

}

ul#set-v li:hover li a,

ul#set-v li.iehover li a {

background: #553015;/*оранжевое*/

color: white;

}

ul#set-v li:hover li a:hover,

ul#set-v li:hover li:hover a,

ul#set-v li.iehover li a:hover,

ul#set-v li.iehover li.iehover a {

background: #E9E0D0;/*светлое*/

color: black;

}

ul#set-v li:hover li:hover li a,

ul#set-v li.iehover li.iehover li a {

background: #553015;/*светло корич*/

color:black;

}

ul#set-v li:hover li:hover li a:hover,

ul#set-v li:hover li:hover li:hover a,

ul#set-v li.iehover li.iehover li a:hover,

ul#set-v li.iehover li.iehover li.iehover a {

background: #663333;

color: #FFCCCC;

}

ul#set-v li:hover li:hover li:hover li a,

ul#set-v li.iehover li.iehover li.iehover li a {

background: #663333;

color: #FFCCCC;

}

ul#set-v li:hover li:hover li:hover li a:hover,

ul#set-v li.iehover li.iehover li.iehover li a:hover {

background: #663333;

color: #FFCCCC;

}

ul#set-v ul,

ul#set-v ul ul,

ul#set-v ul ul ul {

display: none;

position: absolute;

top: 0;

left: 160px;

}

ul#set-v li:hover ul ul,

ul#set-v li:hover ul ul ul,

ul#set-v li.iehover ul ul,

ul#set-v li.iehover ul ul ul {

display: none;

}

ul#set-v li:hover ul,

ul#set-v ul li:hover ul,

ul#set-v ul ul li:hover ul,

ul#set-v li.iehover ul,

ul#set-v ul li.iehover ul,

ul#set-v ul ul li.iehover ul {

display: block;

}

.pquote {

margin:0 auto;

width: 80%;clear:both;

background: #F7FAF5;

border:1px dotted #74A451;

padding: 11px; 9px; 11px; 9px;color:#405B2D;

font:12px verdana, arial, helvetica, sans-serif;

}

#counter {

display:none;

text-align:center;

}

в Firefox не воспроизводится

укажите браузер и скрин того что происходит

Во всех браузерах это происходит. я так понял это что то связано с позиционированием. пробовал z-index и позишион все равно не помогает. может конечно я не так делаю...

Список не заходит под контент, он обрезается из-за того, что у его родителей задано overflow: hidden. Воспользуйтесь другим способом очистки потока.

в смысле обрезается, а как это обойти?

Список не заходит под контент, он обрезается из-за того, что у его родителей задано overflow: hidden. Воспользуйтесь другим способом очистки потока.

Чета я не совсем понял о чем идет речь?

в Firefox не воспроизводится

укажите браузер и скрин того что происходит

Во всех браузерах это происходит. я так понял это что то связано с позиционированием. пробовал z-index и позишион все равно не помогает. может конечно я не так делаю...

Список не заходит под контент, он обрезается из-за того, что у его родителей задано overflow: hidden. Воспользуйтесь другим способом очистки потока.

в смысле обрезается, а как это обойти?

Список не заходит под контент, он обрезается из-за того, что у его родителей задано overflow: hidden. Воспользуйтесь другим способом очистки потока.

Чета я не совсем понял о чем идет речь?

Вот мое меню css

ul#set-v li ul li{

width:215px;

}

ul#set-v,

ul#set-v li,

ul#set-v ul {

margin: 0;

border: 0 none;

padding: 0;

width: 160px;

list-style: none;

}

ul#set-v:after {

clear: both;

display: block;

font: 1px/0px serif;

content: ".";

height: 0;

visibility: hidden;

}

ul#set-v li {

float: left;

display: block !important;

display: inline;

position: relative;

}

ul#set-v a {

-moz-border-bottom-colors: none;

-moz-border-left-colors: none;

-moz-border-right-colors: none;

-moz-border-top-colors: none;

background: none repeat scroll 0 0 #553015;

border-color: #FFFFFF #25160F #25160F #FFFFFF;

border-image: none;

border-style: solid;

border-width: 1px;

color: #FFFFFF;

display: block;

font: bold 16px/23px Verdana,Arial,Helvetica,sans-serif;

height: auto !important;

padding:3px 8px;

text-decoration: none;

}

ul#set-v a:hover,

ul#set-v li:hover a,

ul#set-v li.iehover a {

background: #E9E0D0;

color:black;

}

ul#set-v li:hover li a,

ul#set-v li.iehover li a {

background: #553015;/*оранжевое*/

color: white;

}

ul#set-v li:hover li a:hover,

ul#set-v li:hover li:hover a,

ul#set-v li.iehover li a:hover,

ul#set-v li.iehover li.iehover a {

background: #E9E0D0;/*светлое*/

color: black;

}

ul#set-v li:hover li:hover li a,

ul#set-v li.iehover li.iehover li a {

background: #553015;/*светло корич*/

color:black;

}

ul#set-v li:hover li:hover li a:hover,

ul#set-v li:hover li:hover li:hover a,

ul#set-v li.iehover li.iehover li a:hover,

ul#set-v li.iehover li.iehover li.iehover a {

background: #663333;

color: #FFCCCC;

}

ul#set-v li:hover li:hover li:hover li a,

ul#set-v li.iehover li.iehover li.iehover li a {

background: #663333;

color: #FFCCCC;

}

ul#set-v li:hover li:hover li:hover li a:hover,

ul#set-v li.iehover li.iehover li.iehover li a:hover {

background: #663333;

color: #FFCCCC;

}

ul#set-v ul,

ul#set-v ul ul,

ul#set-v ul ul ul {

display: none;

position: absolute;

top: 0;

left: 160px;

}

ul#set-v li:hover ul ul,

ul#set-v li:hover ul ul ul,

ul#set-v li.iehover ul ul,

ul#set-v li.iehover ul ul ul {

display: none;

}

ul#set-v li:hover ul,

ul#set-v ul li:hover ul,

ul#set-v ul ul li:hover ul,

ul#set-v li.iehover ul,

ul#set-v ul li.iehover ul,

ul#set-v ul ul li.iehover ul {

display: block;

}

.pquote {

margin:0 auto;

width: 80%;clear:both;

background: #F7FAF5;

border:1px dotted #74A451;

padding: 11px; 9px; 11px; 9px;color:#405B2D;

font:12px verdana, arial, helvetica, sans-serif;

}

#counter {

display:none;

text-align:center;

}

——————————————————--

а вот само меню

<ul id="set-v">

<li><a href="">Услуги</a>

<ul>

<li><a href="">Вывоз грунта</a></li>

<li><a href="">Вывоз строительного мусора</a>

<!--<ul>

<li><a href="">подменю 2 уровня</a></li>

<li><a href="">подменю 2 уровня</a></li>

<li><a href="">подменю 2 уровня</a></li>

</ul>-->

</li>

<li><a href="">Аренда спецтехники</a></li>

<li><a href="">Благоустройство</a></li>

<li><a href="">Автотранспортные услуги</a></li>

<li><a href="">ЖД-доставка</a></li>

</ul>

</li>

<li><a href="">Песок</a>

<ul>

<li><a href="">Намывной песок</a>

</li>

<li><a href="">Карьерный песок</a></li>

<li><a href="">Кварцевый песок</a></li>

<li><a href="">ПГС</a></li>

<li><a href="">Супесь</a></li>

</ul>

</li>

<li><a href="">Щебень</a>

<ul>

<li><a href="">Гранитный щебень</a></li>

<li><a href="">Щебень известняковый</a></li>

<li><a href="">Гравийный щебень</a></li>

<li><a href="">Камень</a></li>

</ul>

</li>

<li><a href="">Бетон</a>

</li>

<li><a href="">Керамзит</a>

</li>

<li><a href="">Грунт</a>

<ul>

<li><a href="">Плодородный грунт</a></li>

<li><a href="">Торф</a></li>

</ul>

</li>

<li><a href="">Вторичные материалы</a>

<ul>

<li><a href="">Бой бетона</a></li>

<li><a href="">Бой кирпича</a></li>

<li><a href="">Бой асфальта</a></li>

<li><a href="">Вторичный щебень</a></li>

<li><a href="">Асфальтовая крошка</a></li>

</ul>

</li>

</ul>

[daggi]

проблема все равно не решилась...тут проблема не в меню скорее всего...я любое меню туда прикручивал тоже самое... какие ещё могут быть варианты исправления этой ситуации?

в Firefox не воспроизводится

укажите браузер и скрин того что происходит

[StormMan]

daggi, воспользуйтесь переводчиком - вам дали ссылку на реально полезную статью.

Ваша проблема в классе clear, а ещё точнее в свойстве overflow:hidden. Именно оно обрезает ваше меню. Вам нужно убрать его. А чтобы полностью очистить поток (собственно, hidden у вас для этого и указана), воспользуйтесь кодом из статьи, только класс cf вам нужно будет переименовать на ваш вариант - clear. Должно помочь.

[USF]

читайте матчасть.

[daggi]

daggi, воспользуйтесь переводчиком - вам дали ссылку на реально полезную статью.

Ваша проблема в классе clear, а ещё точнее в свойстве overflow:hidden. Именно оно обрезает ваше меню. Вам нужно убрать его. А чтобы полностью очистить поток (собственно, hidden у вас для этого и указана), воспользуйтесь кодом из статьи, только класс cf вам нужно будет переименовать на ваш вариант - clear. Должно помочь.

я там все перепробовал это не работает...

[daggi]

daggi, воспользуйтесь переводчиком - вам дали ссылку на реально полезную статью.

Ваша проблема в классе clear, а ещё точнее в свойстве overflow:hidden. Именно оно обрезает ваше меню. Вам нужно убрать его. А чтобы полностью очистить поток (собственно, hidden у вас для этого и указана), воспользуйтесь кодом из статьи, только класс cf вам нужно будет переименовать на ваш вариант - clear. Должно помочь.

да там все понятно, но это не моя ситуация... меню не обрезается а прячется под контент...из за слоев. если вы бы заглянули на это сайт то там видно не вооруженным взглядом что проблема не этом. там видно что меню заходит под контент а не обрезается... и какое бы меню я туда не прикреплял тоже самое так что вряд ли это в меню дело

[npofopr]

Просто вы плохо понимаете, что значит обрезается.

Добавьте например display вместо overflow и вы увидите

Edited October 28, 2012 by npofopr