Ich weiß, es gibt viele Variationen dieser Frage geschrieben, aber keiner habe ich recht eine Antwort geben gefunden, die für diesen Fall funktioniert.Div nicht Breite schwebten Behälter füllen (CSS Experte benötigt
Ich habe im Grunde zwei links floated divs Innerhalb dieser zwei divs sind div header und tabellarischer Inhalt
Ich möchte die Div-Header (Hour/Minute) auf die Breite des eingeblendeten Inhalts strecken, aber sie tun dies nur in FF und Chrome, nicht IE7 IE7 ist mein offizieller Browser, so dass ich ihn brauche, um mit den meisten zu arbeiten.
Hier ist die 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;
}
Hier ist der HTML ist (nicht enthalten eingereicht Inhalt):
<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>
können Sie die Seite auf [jsFiddle] (http://jsfiddle.net/) einrichten? – ifaour
+1 zu jsFiddle Beispiel. – thirtydot
http://jsfiddle.net/8ZhHZ/ Leider verwendet es ein jquery-ui-Thema, also nicht sicher, ob dies hilft – raydenl