Автоматическая настройка высоты деления по содержимому

0

У меня есть HTML-страница, содержащая

<div id="logo"></div>
<div id="content">
    <div id="transparncy"></div>
    <div id="contentdata">
        <div id="left">Contents  </div>
        <div id="right">Contents </div>
        </div>
    </div>
</div>
<div id="footer">Footer</footer>

и CSS

#content {
margin-left:10%;
margin-top:20px;
width:80%;
position:relative;  
color:#37475e;
}

#content #transparncy {
opacity:.4;
filter:alpha(opacity=40);  
-moz-opacity:0.4;   
background-color:#fff;  
width:100%;  
min-height:430px; 
height:auto;
position:absolute;  
top:0px;  
left:0px;  
z-index:-1;
border-radius:5px;
overflow:hidden;
}

#contentdata {
position:relative;  
width:100%;
margin:2%;
padding:1%;
}

#left {
width:60%;
float:left;
}

#right {
float:right;
width:35%;
}

#footer {
position:absolute;
clear:both;
width:100%;
}

У меня две проблемы: http://jsfiddle.net/wED4p/1/

  • height: auto прозрачного div (#transparency) не работает
  • #footer всегда попадает на #footer div#transperancy
  • 0
    Вы можете добавить jsfiddle?
  • 0
    Какой макет вы хотите, потому что это выглядит беспорядок.
Показать ещё 8 комментариев
Теги:

2 ответа

1

Твоя скрипка.

Я редактировал некоторый код в css, просто проверяю его один раз.

#footer {
position:relative;
clear:both;
width:100%;
overflow:auto;
}

обновить 1 скрипку

Поделиться
0

Вот ваша измененная скрипка,

FIDDLE

#contentdata {
    width:90%;
    margin:10px;
    padding:1%;
    position: relative;
}

#transparncy {
    opacity: 0.4;
    filter:alpha(opacity=40);  
    -moz-opacity:0.4;
    background-color:blue;  
    width: 100%;
    height: 100%;
    position: absolute;
}
Поделиться
  • 0
    по-прежнему высота авто не работает
  • 0
    Есть ли у вас какой-либо контент внутри прозрачного div ??
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню