Div не заполняет ширину плавающего контейнера (требуется эксперт css - PullRequest
Новая
       6

Div не заполняет ширину плавающего контейнера (требуется эксперт css

0 голосов
/ 14 января 2011

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

У меня в основном два оставшихся без делителя элемента div.Внутри этих двух div находятся заголовки div и табличное содержимое.

Я хочу, чтобы заголовки Div (час / минута) растягивались на ширину табличного содержимого, но они делают это только в FF и Chrome, а не IE7.IE7 - официальный браузер моих работ, поэтому он мне больше всего подходит для работы.

Вот CSS: 

#ui-timepicker-div { padding:0.2em; }
#ui-timepicker-hours { float:left; }
#ui-timepicker-minutes { margin:0 0 0 0.2em; float:left; }

.ui-timepicker .ui-timepicker-header { padding:0.2em 0; }
.ui-timepicker .ui-timepicker-title { line-height:1.8em; text-align:center; }

.ui-timepicker table { margin:0.15em 0 0 0; font-size:.9em; border-collapse:collapse; }
.ui-timepicker td { padding:1px; width:2.2em; }
.ui-timepicker th, .ui-timepicker td { border:0; }

.ui-timepicker td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    text-align:right;
    text-decoration:none;
}

Вот HTML (не включал в себя табличный контент):

<div style="position: absolute; top: 252.667px; left: 648px; z-index: 1; display: none;" class="ui-timepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="ui-timepicker-div">
<div id="ui-timepicker-hours">
<div class="ui-timepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
<div class="ui-timepicker-title">Hour</div>
</div>
<table class="ui-timepicker">
</table>
</div>
<div id="ui-timepicker-minutes">
<div class="ui-timepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
<div class="ui-timepicker-title">Minutes</div>
</div>
<table class="ui-timepicker">
</table>
</div>
</div>

1 Ответ

0 голосов
/ 14 января 2011

Извините, что отвечаю на свой вопрос, но буквально через несколько часов я обнаружил, что, удалив класс 'ui-helper-clearfix' из заголовка ui-timepicker, все теперь хорошо работает в IE7 и FF

...