markup not working on IE8 and Firefox

[Jeff]

hi

asp.net 2.0

this markup don't work in IE8 and FireFox, more specific it means that
background-color:Green isn't set.
maybe it's set but I cannot see it...

<div id="BottomPanel" style="width:100%; background-color:Green;"
runat="server">
<div style="float:right; margin-right:20px; color:White;
padding-bottom:10px; padding-top:10px;" >
hello world
</div>
</div>

any suggestions?

 

[Stan]

hi

asp.net 2.0

this markup don't work in IE8 and FireFox, more specific it means that
background-color:Green isn't set.
maybe it's set but I cannot see it...

<div id="BottomPanel" style="width:100%; background-color:Green;"
runat="server">
    <div style="float:right; margin-right:20px; color:White;
padding-bottom:10px; padding-top:10px;" >
 hello world
    </div>
</div>

any suggestions?

Try setting a height value for the "BottomPanel" div element. It might
be that the float:right property is causing the inner div element to
ride above its container so the latter is collapsed vertically.

HTH

 

[bruce barker]

IE8 and firefox are correct. the div bottom panel has no height (as
floating objects span their containers so have no effect on container
size).

-- bruce (sqlwork.com)

 

[Jeff]

thanks to both of you, the problem is solved

hi

asp.net 2.0

this markup don't work in IE8 and FireFox, more specific it means that
background-color:Green isn't set.
maybe it's set but I cannot see it...

<div id="BottomPanel" style="width:100%; background-color:Green;"
runat="server">
<div style="float:right; margin-right:20px; color:White;
padding-bottom:10px; padding-top:10px;" >
hello world
</div>
</div>

any suggestions?

Try setting a height value for the "BottomPanel" div element. It might
be that the float:right property is causing the inner div element to
ride above its container so the latter is collapsed vertically.

HTH