2011-01-13 4 views
0

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> 
+2

können Sie die Seite auf [jsFiddle] (http://jsfiddle.net/) einrichten? – ifaour

+0

+1 zu jsFiddle Beispiel. – thirtydot

+0

http://jsfiddle.net/8ZhHZ/ Leider verwendet es ein jquery-ui-Thema, also nicht sicher, ob dies hilft – raydenl

Antwort

0

Leider meine eigene Frage zu beantworten, aber nach buchstäblich Stunden auf dieser Ich habe gerade herausgefunden, dass die ‚ui-Helfer durch Entfernen -clearfix 'Klasse von der UI-Timepicker-Header, funktioniert jetzt gut in IE7 und FF

+0

Das ist in Ordnung. Vergiss nicht, deine Antwort zu akzeptieren! – drudge