[UPHPU] More CSS frustration

Mon Jan 15 09:39:37 MST 2007

Wade Preston Shearer wrote:
> Send us a specific example and we can help.
>
>
for example the following does not vertically center the title (at least 
on my firefox 2.0 browser)


/*====== container ===== */
#container {
    margin: 0px;
    padding: 0px;
}
/*====== title bar ===== */
#header {
    height: 50px;
    padding: 5px;
    background-color: #333399;
    color: #FFFFFF;
    vertical-align: center;
}
#title {
    width: 60%;
    float: left;
    margin-left: 5px;
    color: #FFFFFF;
    font-family: serif;
    font-size: 16pt;
    vertical-align: center;
}
#loginframe {
    float: right;
    margin-right: 5px;
    vertical-align: center;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
        <head>
        </head>
        <body>
          <div id="container">
              <div id="header">
                <div id="title">
                  <b>MyCityPlan</b>
                </div>
                <div id="loginframe">
                     </div>
                </div>
            </div>
        </body>
    </html>