Hallo ihr
Bin gerade am basteln einer Balkengrafik mit zwei ineinander verschachtelten divs. Das soll das Verhältnis zwischen Soll und Ist darstellen
Das innere div liegt linksbündig im äußeren.
Die Farbe der Borders sowie border-radius und Hintergrundfarbe wird in einer übergeordneten Klasse definiert.
Sieht etwa so aus
div { border-color:#a0a0a0; border-radius:5px; }
.solldiv { border: 1px solid; }
.istdiv { border-right: 1px solid; }
<div class="solldiv" style="width:64px;">
<div class="istdiv" style="width:47px;"></div>
</div>
Was mich jetzt wundert, Firebug zeigt den border-right beim istdiv durchgestrichen an. Warum? Da ist doch nichts überflüssig definiert.
Wenn ich die Definition rausnehme, fehlt der rechte Rand des inneren div.
Was stimmt da noch nicht?