Hi. I have the following html and css code. My question is this: I need to
use css to position the <hr /> tag blow the ACTIONS, ICON, TITLE AND
VISIBILITY divs and above the ContentPane div (using it as a divider between
the title bar and the content). How exactly would I do this. It needs to
work for all the major browsers.
[html code]
<div id="Container" class="CONTAINER">
<div id="ACTIONS" class="ACTIONS" />
<div id="ICON" class="ICON" />
<div id="TITLE" class="TITLE" />
<div id="VISIBILITY" class="VISIBILITY" />
<hr />
<div id="ContentPane" class="ContentPane" />
</div>
[/html code]
[css code]
.CONTAINER {Padding: 5px; }
.ACTIONS, .ICON, .TITLE, .VISIBILITY {float: left;}
.TITLE {
Color: blue;
Background-Color: White;
Font-Family: Georgia;
Text-Align: Center;}
hr {
Width: 100%;
Height: 10px;
Color: blue;}
.ContentPane {
Left: auto;
Right: auto;
Top: auto;
Bottom: auto;}
[/css code]
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
