[OFBiz] Users - Firefox CSS difference with IE

[Kasubaski, Matt]

Jacques,

I've been fighting CSS issues as well.  (Mostly custom changes so there
isn't much to share.)

I looked at the grey bar issue and think I have a solution for you.

The bar itself has a height of 14 but I couldn't find the font
definition so I set it to a 12px size.
To fix, I added font tags to ecom-header-bar ul:

#ecom-header-bar ul {
display: block;
overflow: visible;
list-style: none;
background: transparent;
vertical-align: middle;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

This seems to fix the low hanging letters.  However, this causes another
issue to appear where the left image hangs into and on top of the left
menu bars.

The left image is 80px tall, but the height of the ecom-header is only
set to 75px.  This causes the image to overlap the grey menu bar.  Since
it's set to float left, the height of the image isn't taking into
account for layout.
To fix, I changed the height to be 80px.
Ie: 

#ecom-header {
position: relative;
background: #ffffff;
height: 80px;
voice-family: "\"}\"";
voice-family: inherit;
height: 80px;
/* border:1px solid #000; */
}


Hope that helps,

Matt

-----Original Message-----
From: users-bounces at lists.ofbiz.org
[mailto:users-bounces at lists.ofbiz.org] On Behalf Of Jacques Le Roux
Sent: Wednesday, June 22, 2005 12:02 PM
To: OFBiz Users / Usage Discussion
Subject: [OFBiz] Users - Firefox CSS difference with IE

Hi all,

Is that normal that the default (ecomaincss.css) grey bar in ecommerce
does
not show well in Firefox  (text to low, OK in IE) ?

I tried to modify ecom-header-bar styles without success, anybody an
idea ?

Jacques


 
_______________________________________________
Users mailing list
Users at lists.ofbiz.org
http://lists.ofbiz.org/mailman/listinfo/users