Автоматическая высота CSS не растягивается, когда видно переполнение

У меня есть div, содержащий изображение, расположенное немного за пределами поля. Div также содержит другой div с текстом. Когда я устанавливаю высоту на авто, чтобы позволить ему расширяться с количеством текста, изображение обрезается и не появляется за краем. Я пробовал использовать z-index, но это помогает.

Вот что у меня есть:

#package {
width: 700px;
height: auto;
background-color: #FFF;
border-radius: 20px;
-moz-border-radius: 20px;
margin: 0 auto;
padding: 15px 15px 15px 15px;
margin-top: 50px;
margin-bottom: 0px;
overflow: visible;
}

#packageinfo {
text-align: left;
width: 200px;
height: auto;
float: right;
}

#package .image {
float: left;
margin-left: -30px;
margin-top: -30px;
z-index: 500;
}

person joemortell    schedule 13.12.2011    source источник
comment
пожалуйста, поместите его на JSfiddle.net, это даст нам возможность работать.   -  person Jan Dragsbaek    schedule 13.12.2011
comment
Контент, который не отображается должным образом, — это PHP. Я не могу показать это через JSfiddle?   -  person joemortell    schedule 13.12.2011
comment
@Aotorea: скопируйте HTML-код из визуализированного представления (в вашем браузере), если вы используете правильный браузер, нажмите ctrl+u и найдите соответствующий HTML-код, скопируйте его на www.jsfiddle.net вместе с CSS и вставляй сюда :)   -  person Kyle    schedule 13.12.2011
comment
ах да, это было бы намного проще, это даже не пришло мне в голову! Я уже добавил пример того, с чем у меня возникли проблемы: jsfiddle.net/qB6Ye/10 Мне нужно, чтобы светло-серый фон растянулся до размера текста и кнопки   -  person joemortell    schedule 13.12.2011


Ответы (1)


Привет, твой код и какая-то ошибка в нем. в конце таблицы td и tr были перевернуты.

отсутствовал закрывающий тег div.

Я исправил это и добавил чистый div.

вот ссылка http://jsfiddle.net/etienne_carre/qB6Ye/11/

person Etienne Carrier    schedule 13.12.2011
comment
Просто небольшая заметка. всегда легче найти, где наш тег глючит, когда код имеет хороший отступ. - person Etienne Carrier; 13.12.2011