Posted by: crispseptember | 15 July, 2008

Trouble Shooting – Part II

Just thought I would update anyone on how things are going with the site, unfortunately at this time I am unable to post the latest live updates, and have been just working off the hard-drive in order to fix these problems.

Currently I have the drop down menu working in IE and Safari, I ended up using some CSS “hacking” codes, but Firefox is reading the hack for Safari. Let me explain… With drop down menus, you roll over the menu and another menu drops down, right below the “hierarchy menu,” giving you more options to choose from, right? Well, it’s been doing that in IE and Firefox, but in Safari, the drop down part of the menu is above and to the left of the “hierarchy menu,” something I deem as a problem.

Now it looks fine in IE and Safari, but in Firefox the menu is bumped down and to the right of the “hierarchy menu.” Now I’m looking for a way to hack Firefox and “hide” that part from it; I did find something (positon*: fixed !important), but that hid it also from Safari, taking me right back to where I started.

Here’s what my code looks like right now (just the CSS):
.dropmenudiv_b {
positon: fixed !important; margin-top: 102px !important; margin-left: 190px !important;
(above is the hack)
position: absolute; margin-top: 0px; margin-left: 0px;
border: 1px solid #1B72A7; border-width: 0 1px;
font: normal 12px Arial; line-height: 18px;
z-index: 100;
background-color: #FFFFFF; width: 200px; visibility: hidden;}

(Not sure if this part really matters for what I’m trying to fix)
.dropmenudiv_b a{
padding: 2px 0; width: auto; display: block;
text-indent: 5px; text-decoration: none; color: #000000;
border: 1px solid #1B72A7; border-bottom-width: 1px;}

* html .dropmenudiv_b a{
width: 100%;}

. dropmenudiv_b a:hover{
background-color: #EDF3F3; color: #000000;}

If you see a problem or know how to help me I would love the advice. Thanks.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Categories

%d bloggers like this: