Wrapping ein Display: Tabelle DIV in einem anderen div mit der genauen Höhe

Question

Das ist mir so Kopfschmerzen, ich muss nur fragen. Ich habe nie Probleme mit C# oder Java oder SQL oder JS wie mit CSS, und ich verbringe zu viel Zeit damit, Dinge herauszufinden.

Ich habe eine Tabelle Div und einige Zeile und Zelle Divs drin. Und ich möchte nur, dass die Tabelle div genau hoch ist.

picture of my table div http://i41.tinypic.com/29vb7yx.jpg

My current style: 
div .table 
{ 
    width: 410px; 
    height: 410px; 
    max-height: 410px;   
    display: table; 
    border-spacing: 10px; 
    border-style:dotted; 
    border-width:medium;  
    overflow: visible; 
} 

Was sonst muss ich div genau 410 Pixel hoch zu machen tun?

Ich habe versucht, es in einem äußeren div (mit blauen Rändern im Bild mit bestimmter Höhe und Anzeige: Block) zu wickeln, aber Tabelle div scheint es nicht zu bemerken. Ich habe ein div mit clear: both am Boden, manchmal hilft es aber nicht heute ...

Answer 1

Es scheint, dass:

display:table; 

wird das Element zwingen, zu erweitern die Breite des Inhalts zu füllen. Selbst wenn Sie "Überlauf" festlegen, um ausgeblendet zu werden.

Hier ist eine Geige mit einigen Beispielen:

http://jsfiddle.net/dRLfv/

Ich denke, Sie regelmäßig tun müssen „display: block“ und dann entsprechend eingestellt Überlauf. Das würde wahrscheinlich erfordern, dass Sie einige Ihrer anderen Stile für die Tabellen-/Formularelemente anpassen, aber das sollte doppelt sein und ich bin sicher, dass andere Ihnen gerne helfen werden.

Ich hoffe, dass hilft!

Prost!