1 reply [Last post]
mdnewsguy
mdnewsguy's picture
Offline
Enthusiast
Philadelphia, PA
Last seen: 6 years 38 weeks ago
Philadelphia, PA
Timezone: GMT-5
Joined: 2007-01-23
Posts: 69
Points: 0

ah yes, the infamous bug. It's killing me!! on this page:

http://aldersgate.ianncomm.com/node/show/about/index

The div #Header is infront of the dropdown menus no matter what I do. I tried changing z-indexes, changed positioning. and changing the html isn't really an option right now. I spent all day yesterday researching this online and I either found no solutions, and if i did, they didn't work for me. Can anyone help me and tell me how this really can be fixed?? Please?

Stylesheet

body {
background-color:#CCCCCC;
margin:0px 0px 0px 0px;
}

#container {
width:749px;
height:auto;
background-color:#CCCCCC;
margin:0 auto;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
overflow:hidden;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

h1 {
visibility:hidden;
color:#165BA0;
}

h1.content_title {
font-size:16px;
visibility:visible;
}

h2 {
font-size: 14px;
color:#165BA0;
}

h3 {
color:#FFF700;
padding-bottom:5px;
border-bottom:1px solid #FFF700;
}

.left {
float:left;
}

.right {
float:right;
}

#navigation_index {
background:url('../img/blue_top.gif') no-repeat;
width:800px;
height:30px;
color:#ffffff;
font-size:14px;
}

#navigation_index a {
color:#FFF700;
}

#navigation_index a:hover {
text-decoration:none;
}

#nav_index {
padding:0;
position:relative;
top:-16px;
margin-left:43px;
list-style-type:none;
font-size:13px;
background-color:#CCCCCC;
}

#nav_index ul {
padding:0px;
margin-left:43px;
list-style-type:none;
font-size:13px;
}

#nav_index li {
display:block;
width:auto;
float:left;
text-align:center;
padding:5px 7px 5px 7px;
letter-spacing:2px;
}

#nav_index li ul li {
letter-spacing:0px;
text-align:left;
margin-left:0px;
padding:0px;
}

#nav_index a {
display:block;
margin:0px;
}

#nav_index li ul li a {
color:#ffffff;
font-size:11px;
display:block;
width:95px;
padding:6px 0px 6px 5px;
margin:0px;
border-top:1px solid #165BA0;
border-bottom:1px solid #165BA0;
}

#nav_index li ul li a:hover {
background-color:#FFF700;
text-decoration:none;
color:#165BA0;
border-color:#165BA0;
}

#nav_index li ul {
position:absolute;
left:-999em;
z-index:10000;
}

#nav_index li:hover ul {
left:auto;
margin-left:-19px;
background-color:#165BA0;
width:100px;
font-size:10px;
border:2px solid #165BA0;
border-top-width:1px;
border-bottom-width:1px;
}

#nav_index li.sfhover ul {
left:auto;
margin-left:-19px;
background-color:#165BA0;
width:100px;
font-size:10px;
border:2px solid #165BA0;
border-top-width:1px;
border-bottom-width:1px;
z-index:100;
}

#nav_index li ul ul {
margin:-1em 0 0 10em;
}

#nav_index li:hover ul ul {
left:-999em;
}

#nav_index li li:hover ul {
left:auto;
margin-left:100px;
margin-top:-28px;
}

/*#nav_index li:sfhover ul ul {
left:-999em;
}

#nav_index li li:sfhover li ul ul {
left:auto;
margin-left:100px;
margin-top:-28px;
}*/

#nav_index li.sfhover ul ul {
left:-999em;
}

#nav_index li li.sfhover ul {
left:119px;
top:9px;
}

#middle_index {
width:749px;
height:auto;
background-color:#ffffff;
float:left;
overflow:hidden;
margin-top:-12px;
}

#left_column_index {
width:299px;
height:auto;
float:left;
background-color:#FFF700;
border-left:1px solid #165BA0;
color:#165BA0;
padding-bottom: 32767px;
margin-bottom: -32767px;

}

#left_column_index a {
color:#165BA0;
}

#left_column_bottom li {
list-style-type:none;
width:275px;
margin-left:-20px;
}

#logo_index {
width:269px;
height:148px;
background:url('../img/logo_index.gif') no-repeat;
margin:10px 0px 0px 15px;
}

#right_column_index {
width:418px;
height:auto;
float:left;
border-right:1px solid #165BA0;
padding:0px 15px 15px 15px;
padding-bottom: 32767px;
margin-bottom: -32767px;

}

#bottom_boxes {
width:760px;
height:auto;
background-color:#ffffff;
float:left;
}

.box {
width:165px;
height:120px;
float:left;
color:#ffffff;
background-color:#165BA0;
margin-right:5px;
font-size:11px;
padding:0px 10px 0px 10px;
}

.box_left {
width:165px;
height:120px;
float:left;
color:#ffffff;
margin-right:5px;
background:url('../img/bottom_left_corner.gif') no-repeat bottom left;
background-color:#165BA0;
font-size:11px;
padding:0px 10px 0px 10px;
}

.box_right {
width:165px;
height:120px;
float:left;
color:#ffffff;
margin-right:5px;
background:url('../img/bottom_right_corner.gif') no-repeat 139px 100%;
background-color:#165BA0;
font-size:11px;
padding:0px 10px 0px 10px;
}

#bottom {
width:749px;
height:30px;
background:url('../img/blue_bottom.gif') no-repeat;
float:left;
background-color:#FFF700;
}

#bottom_boxes .title {
font-size:13px;
color:#FFF700;
}

input {
width:auto;
border:1px solid #000000;
position:relative;
z-index:100;
}

input.medium {
width:200px;
}

input.long {
width:300px;
}

input.button {
width:auto;
}

input.checkbox {
width:auto;
}

tr td.labelrequired {
font-weight:bold;
}

textarea {
width:200px;
height:100px;
border:1px solid #000000;
}

#bottom_boxes a {
color:#FFF700;
}

#footer_index {
width:749px;
text-align:center;
margin-top:-3px;
float:left;
background-color:#cccccc;
padding-top:10px;
padding-bottom:10px;
}

#navigation {
height:25px;
width:520px;
color:#ffffff;
float:right;
position:relative;
left:11px;
padding:0px 5px 0px 5px;
}

#navigation a {
color:#FFF700;
padding:7px 10px 7px 11px;

}

/* suckerfish na v*/

#nav, #nav ul {
padding:0;
margin:0px;
list-style-type:none;
font-size:14px;
height:31px;

}

#nav li {
display:block;
width:auto;
float:left;
text-align:center;
padding:0px;
margin-left:2px;
background-color:#165BA0;

}

#nav li ul li {
letter-spacing:0px;
text-align:left;
margin-left:0px;
padding:0px;
}

#nav a {
display:block;
margin:0px;
color:#ffffff;
}

#nav li ul li a {
color:#ffffff;
font-size:11px;
display:block;
width:95px;
padding:0px;
margin:0px;
padding:5px;
border:2px solid #165BA0;

}

#nav li ul li a:hover {
background-color:#FFF700;
color:#165BA0;
text-decoration:none;
}

#nav li ul {
position:absolute;
left:-999em;
z-index:100;
}

#nav li:hover ul {
left:auto;
position:absolute;
width:75px;
font-size:10px;
z-index:999;

}

#nav li.sfhover ul {
left:auto;

width:100px;
font-size:10px;

z-index:100;
}

#nav li a.current {
background-color:#ffffff;
color:#165BA0;
}

#nav li ul ul {
margin:-1em 0 0 10em;
}

#nav li:hover ul ul {
left:-999em;
}

#nav li li:hover ul {
left:auto;
margin-left:100px;
margin-top:-27px;
}

#logo {
width:158px;
height:100px;
background:url('../img/logo.gif') no-repeat;
float:left;
margin-left:20px;
margin-top:10px;
}

#nav2 {
font-size:10px;
height:18px;
float:left;
margin-top:20px;
margin-left:4px;

}

#nav2 a {
color:#165BA0;
}

#nav2 li {
float:left;
list-style-type:none;
margin-left:15px;
height:18px;
}

#nav2 input {
margin-top:-3px;
}

#top {
float:left;
width:749px;
height:auto;
background:url('../img/green_bg.gif') no-repeat;
border-bottom:2px solid #165BA0;
background-color:#FFF700;
}

#left_column {
width:220px;
height:auto;
float:left;
background-color:#165BA0;
color:#ffffff;
padding-bottom: 32767px;
margin-bottom: -32767px;
}

#left_column .title {
font-size:16px;
color:#FFF700;
}

#left_column a {
color:#ffffff;
}

#events, #news, #resources, #story, #campaign {
width:200px;
background-color:#165BA0;
height:auto;
float:left;
padding:0px 10px 10px 10px;
color:#ffffff;
}

#header {
float:left;
font-size:24px;
font-weight:bold;
margin:18px 0px -5px 56px;
color:#165BA0;
text-transform:uppercase;
letter-spacing: .2em;
}

#right_column {
width:498px;
padding:0px 15px 15px 15px;
float:left;
background-color:#ffffff;
padding-bottom: 32767px;
margin-bottom: -32767px;
}

#right_column img {
margin-top:15px;
}

#right_column ul {

}

#bottom {
float:left;
}

#middle {
width:748px;
height:auto;
border-right:1px solid #165BA0;
float:left;
background-color:#ffffff;
overflow:hidden;
}

#bottom_section {
width:749px;
height:auto;
color:#ffffff;
background-color:#165BA0;
}

#footer {
width:498px;
height:auto;
color:#FFF700;
text-align:center;
margin-left:235px;
}

#footer a {
color:#FFF700;
}

#right_column ul li {
list-style-type:disc;
}

#list {
width:177px;
height:auto;
position:relative;
left:-10px;
}

#list li {
list-style-type:none;
}

#left_column ul li {
list-style-type:none;
}

input, text {
width:100px;
}

input[type=radio] {
width:auto;
border:none;
}

IE6 Specific stylesheet

/* CSS Document */

#nav_index {
width:700px;
margin:-4px 0px 0px 40px;
padding-top:5px;
}

#list {
position:relative;
left:25px;
}

.box {
padding-top:10px;
}

.box_left {
padding-top:10px;
}

.box_right {
padding-top:10px;
}

#nav {
margin-left:-6px;

}

#nav2 input {
margin-top:1px;
}

#nav2 a {
padding-top:100px;
}

#nav li ul li a {

}
#header {
margin-top:0px;
position:relative;
left:120px;
top:-18px;
float:left;
z-index:0;
}

#nav li ul {
position:absolute;
z-index:0;
}

#right_column {
padding-top:10px;
border-top:2px solid #165BA0;
}

#right_column_index {
padding-top:10px;
}

#top {
height:50px;
}

#middle {
margin-top:-20px;
}

.advanced_search {
position:relative;
top:-30px;
}

body {
background: url("
javascript:
document.body.onload = function(){
var nav = document.getElementById('nav');
if (nav) {
nav.style.zIndex = 9999;
}
}
");
}
}

#nav_index {
background-color:#164BA0;
}

HTML

About Us

sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i

  • Accomplishments

  • Board

  • Staff

  • Funders & Partners

  • Jobs

  • Directions
  • Contact Us



  • Services

    • Foster Care
    • Foster Care Stories

    • Foster Care Guidelines

    • Initial Contact Form



    • Counseling

    • Prevention

    • School-Based Programs
    • Substance Abuse

    • Training



    • Events

      • Events List


    • News

    • News List



    • Resources

    • Resources List


    • Contribute

      • Donate

      • Fundraising Campaigns

      • Volunteer


    • Register



    • Donate Now!

    • Register with us!

    • Search our site!




    • Advanced Search









    • Upcoming Events

      Marcus' Test Event


      Sample Event




      Upcoming News


      News News News News

      ALDERSGATE YOUTH SERVICE BUREAU NAMES GEOFF JACKSON NEW SAA FACILITATOR




      Featured Stories


      Story 3



      Featured Campaigns


      Benefit Shopping Days


      JB's test campaign




      ALSDERSGATE is a multi-program, nonprofit 501(c)3 organization serving the community through counseling, substance abuse education and prevention, community outreach, and foster care. 

      We engender great personal growth among local, area residents  - one life at a time.




      Addressing a wide variety of life issues for men, women, children, teens, and entire families, Aldersgate’s programs promote positive, healthy relationships and encourage healthy community living through:



      • Individual, Family and Marital Counseling

      • Foster Care Placement

      • Prevention Education
      • School-Based Support Services

      • Substance Abuse Awareness and Alternatives Program




      For more than 35 years, Aldersgate has been a trusted and highly-regarded resource for families, schools, and the child welfare system in Montgomery, Bucks, and Philadelphia counties.  With a staff of over 25 skilled and dedicated professionals, our agency maintains its coveted reputation by providing the highest level of care and personal attention to every aspect of our work. 

      We’re a community agency that serves -- and is served by -- the

      community itself, expanding our reach through generous contributions and meeting the needs of clients, one life at a time.   


      Please help us help you by supporting Aldersgate. [link to contribute page]
       

       




      Much thanks to anyone who can help.

      "If you're still using ie5, you have bigger problems than not being able to view my website."

      Chris..S
      Chris..S's picture
      Offline
      Moderator
      Last seen: 2 years 5 weeks ago
      Timezone: GMT+1
      Joined: 2005-02-22
      Posts: 6078
      Points: 173

      Sort out #header so it

      Sort out #header so it doesn't need position, just like it doesn't need it for non IE browsers. You could do that for #navigation (all browsers) too.

      Alternatively, give #navigation a z-index higher than that of #header.