hi there; a little backstory first: i need to display 2 dynamically generated divs horizontally. now because it is impossible to know the widths of these divs before they are rendered, i am unable to simply float them (which is why i have made them inline).
my first question; is this an acceptable method to acheive the intened result. seems to work.
second, and more importantly, i would like the header height div to be 34px and stretch the entire width of the parent div.
without a height, the header div stretches as intended. however, as soon as a height is applied, the header div ends at whatever width the header text is (see attached image where red div (css_heading) has height applied and div below that (css_subheading) has no height applied and displays perfect).
*** this is only an issue in explorer ... not firefox
my question is, why is this and what can be done to resolve the issue?
border:solid 1px #dcdcdc;
font-family: arial, verdana;