I'm not sure I know all the rules to avoid incurring the wrath of the gods but ..
I found the space reserved in "Curves" for the message box annoying. My work around is as can be seen on my gallery at
http://www.tirpor.com/cpg_public/index.php is:
1) In the style sheet I:
- reduced the header_block_inner min-height to 35px
- added a new style for the message block with no min-height
#cpg_header_block_outer div.cpg_header_block_inner {
background-color: transparent;
background-image: url(images/main_block_tirpor.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 100% -633px;
display: block;
padding-top: 10px; /* mod */
padding-right: 20px;
padding-bottom: 0pt;
padding-left: 0px;
min-height: 35px; /**mod from 95 */
}
#tirpor_message_block { /* mod */
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 0px;
}
2) Edited the background-image to reduce the height of the gradient to just span my normal menu text and "fit" the new min-height.
3) moved the {message_block} into its own division.
<div id="cpg_header_block_outer">
<div class="cpg_header_block_inner" style="border-bottom:1px solid white">
<div id="main_menu">
<ul class="dropmenu">
{SYS_MENU}
{SUB_MENU}
</ul>
<ul class="dropmenu">
{ADMIN_MENU}
</ul>
</div>
<!-- MOD
<div id="tirpor_message_block">
{MESSAGE_BLOCK}
</div>
-->
<div class="clearer"></div>
</div>
</div>
It seems to work for me. If a message is needed, space opens up for it and collapses when not used. It works in Firefox but in IE there is an annoying line that appears under the menu.
What I don't how to do is add code to let you click on the message box and make it disappear.
I wanted to add this to my original thread but that has been locked and marked invalid for some reason.
If this is a good solution let me know and I'll mark bit closed.
rgds,
Andrew