1 reply [Last post]
Zygote76
Offline
Regular
Ohio
Last seen: 10 years 45 weeks ago
Ohio
Timezone: GMT-4
Joined: 2007-08-20
Posts: 25
Points: 3

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



TECHNICAL DATA




Home > About Us > Our Markets






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-serviceHR Kiosk 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.









Zygote76
Offline
Regular
Ohio
Last seen: 10 years 45 weeks ago
Ohio
Timezone: GMT-4
Joined: 2007-08-20
Posts: 25
Points: 3

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;