Thu, 2008-03-13 01:42
Hey guys,
I'm pretty sure that this is just a simple snafu and I am not seeing it. When I Load up the site in FF my hr lines in the left hand column are lining up on the left instead of centering properly. It works fine in the right hand column. They also work fine in both columns when rendered in IE. If someone could take a look and tell me what is causing it I would greatly appreciate it. I have been trying to fix it to no avail. Thanks for taking the time to read this and for any input you may have.
Here is the url to the site: http://www.5point.com/mercier/mercier.html
The site has been validated at: http://validator.w3.org/
here is the code
CSS:
/* CSS Document */
tml, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
body {
background-color: #FFFFFF;
color: #11175E;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}
#wrapper {
background-color:#FFFFFF;
margin: 23px auto;
width: 700px;
}
#header {
padding: 0;
background-image: url(images2/header.jpg);
background-repeat: no-repeat;
height: 96px;
}
#leftCol {
background-color:#EBEDE0;
width: 180px;
height: 390px;
float: left;
margin-top: 15px;
}
#leftColTop {
background-image:url(images2/lftColtop.jpg);
background-repeat:no-repeat;
height: 30px;
padding-top: 5px;
}
#leftColTop h4 {
color:#FFFFFF;
}
.leftColCap {
background-position: bottom;
}
#leftColBtm p {
font-size: 10px;
}
#rightCol {
background-color:#EBEDE0;
width: 500px;
height: 390px;
float: right;
margin-top: 15px;
}
#rightColTop {
background-image:url(images2/rtColtop.jpg);
background-repeat:no-repeat;
height: 30px;
padding-top: 5px;
}
#rightColTop h4 {
color:#FFFFFF;
}
#rtColBtm {
background-color:#EBEDE0;
width: 480px;
}
#rtColBtm p {
padding: 10px;
font-size: 10px;
}
/* images */
.rightimage {
float: right;;
}
/* Horizontal Rules */
hr.d {border: none 0;
border-top: .5px solid #8388A5;
border-bottom: thin;
width: 90%;
height: 1px;
margin: 0px;
padding: 0px;
text-align: center;
}
hr.e {border: none 0;
border-top: .5px solid #8388A5;
border-bottom: thin;
width: 80%;
height: 1px;
margin: 0px;
padding-left: 10px;
}
/* Scrolling java text field */
div.scrollholder
{
position: relative;
width: 460px; height: 260px;
overflow: auto;
z-index: 1;
background-color: #EBEDE0;
text-align: left;
}
div.scroll
{
position: absolute;
left: 0; top: 0;
width: 95%;
z-index: 2;
}
/* */
div.track
{
position: relative;
float:right;
top: 0;
width: 11px; height: 100%;
z-index: 3;
background: #E0ECD8;
}
div.drag_bar
{
position: absolute;
width: 100%; height: 14px;
cursor: pointer;
z-index: 4;
background: #C7D8B5;
}
/* drop down navigation menu */
#nav {
background-image: url(images2/navBack.jpg);
width: 700px;
height: 30px;
background-position: center;
background-repeat: no-repeat;
}
/* Begin CSS Drop Down Menu */
#menuh-container
{
position: absolute;
left: 1em;
}
#menuh
{
font-size: 11px;
font-family: arial, helvetica, sans-serif;
width:100%;
float:left;
margin-left: 3.2em;
}
#menuh a
{
text-align: center;
display:block;
white-space:nowrap;
margin:0;
padding: 0.7em;
}
#menuh a, #menuh a:visited /* menu at rest */
{
color: #11175E;
background-color: #EBEDE0;
text-decoration:none;
}
#menuh a:hover /* menu at mouse-over */
{
color: #FFFFFF;
background-color: #DDE1CA;
}
#menuh a.parent /* menu at mouse-over */
{
color: #FFFFFF;
background-color: #B2B2B2;
padding: 0.4em;
}
#menuh a.parent:hover /* submenu at mouse-over */
{
color: #FFFFFF;
background-color: #8388A5;
}
#menuh a.top_parent, #menuh a.top_parent:hover /* attaches down-arrow to all top-parents */
{
background-color: 8388A5;
}
#menuh a.parent, #menuh a.parent:hover /* attaches side-arrow to all parents */
{
background-color: 8388A5;
}
#menuh ul
{
list-style:none;
margin:0;
padding:0;
float:left;
width:7em; /* width of all menu boxes */
}
#menuh li
{
position:relative;
min-height: 1px; /* Sophie Dennis contribution for IE7 */
vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}
#menuh ul ul
{
position:absolute;
z-index:500;
top:auto;
display:none;
padding: 1em;
margin:-1em 0 0 -1em;
}
#menuh ul ul ul
{
top:0;
left:100%;
}
div#menuh li:hover
{
cursor:pointer;
z-index:100;
}
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}
div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}
/* End CSS Drop Down Menu */
and the HTML:
5point | Self-Service Kiosk Design and Manufacturing
SUPPORT
Click below to download our brochure
brochure| 958 k
Click below to download our HR white paper:
Self-Service for Human Resouces
TECHNICAL DATA
Our vertical markets
Education
Campus information, special events, enrollment, directory and wayfinding, ticketing, security, surveys and more.
Entertainment
Ticketing, music & video, dispensing & vending, loyalty, information, special events, surveys and more.
Exhibition
Traveling and permanent exhibits, interactive and informational exhibits, ticketing, surveys, directory and wayfinding, donation and benefactor programs and more
Financial
Personal banking, bill payment, special offers and promotions, surveys and more
Gaming
Ticketing, loyalty, redemption and reward, special events, surveys and more
Government
Information, permitting, human resources, bill and tax payment, security, program eligibility, enrollment, surveys and more
Healthcare
Self check-in, directory and wayfinding, security, information, human resources, internet access, surveys and more
Hospitality
Self check-in, security, information, human resources, internet access, special services and events, surveys and more
Retail
Product information, music & video, dispensing & vending, coupons, loyalty, deli, special services, bill payment, gift registry, surveys and more
Transportation
Ticketing, security, information, human resources, surveys and more
The horizontal market
The human resources market is the one of the fastest growing markets in the self-service
industry and is the only true horizontal application segmenting every vertical market. After all, all companies have employees, some more than others, but all of them have them one thing in common, they must mange their employees and the rising costs associated with each one employee and their benefits.
A natural path for human resource applications is toward personal, self-service management, whereby each employee is empowered to make and submit decisions about their healthcare coverage, 401(k) plan, or time and attendance schedule online via the company’s intranet. This eliminates the inefficient and costly one-on-one interaction with HR/supervisory staff.
Most commercial HR software vendors have web-based applications that target this need. An intranet solution, however, is only useful to those staff that has access to the intranet. For example, many industrial and healthcare organizations have staff with no permanent work location and no access to the intranet, leaving
them to perform HR functions with paper in long hand.
The obvious solution is to provide a self-service computer based kiosk in a convenient location, such as a cafeteria or break room that enables direct access to the HR applications on the intranet.
Thu, 2008-03-13 05:18
#1
Mods: you can go ahead and
Mods: you can go ahead and close this thread as someone was kind enough to figure let me know via other sources.
for those interested
in hr.e change:
margin: 0px;
to :
margin: 0 auto;