6 replies [Last post]
Nealeo
Nealeo's picture
Offline
Regular
Last seen: 12 years 40 weeks ago
Joined: 2007-03-14
Posts: 11
Points: 0

I'm working on http://www.umb.edu/gala/. I generated the navbar at the top with InterAkt CSS app. Generally, this works great, but the nav appears in every browser I've tested in except IE7. I even placed the code inside its own DIV.

CSS (I removed hover and click behavior styling):

/* This is the SKIN style definition for the CSS menu. */ /* Menu container settings Applies to the first level */ /* menu container */

.gala2007 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

/* Menu container settings Applies to second */
/* (or more) level menu containers */

.gala2007 ul {
border: 1px solid #afafaf;
}

/* Menu items settings Applies to all menu items in all menu containers */

.gala2007 li {

background-image: url(img/bg.gif);
width: 140px;
border: 1px solid #CCCCCC;
background-color: #CCCC99;
}

/* Menu items settings Applies to second (or more) level menu items */

.gala2007 ul li {
background-image: none;
background-color: #E0E0E0;
width: 162px;
border: none;
}

/* Menu link settings Applies to links that */
/* are to be found within the menu items, no matter */
/* the menu level */

.gala2007 a {
text-decoration: none;
color: #336699;
line-height: 20px;
padding: 0px 2px;
padding-left: 18px;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #c0c0c0;
cursor: pointer;
}

/* Menu link settings Applies to links located */
/* in the second (or more) level menu items */

.gala2007 ul a {
border: none;
border-bottom: 1px solid silver;
color: #336699;
line-height: 19px;
}
/* This is the LAYOUT style definition for the CSS menu */

div.horizontal {
clear: both;
}

div.horizontal br {
clear: both;
}

div.horizontal ul {
margin: 0px;
padding: 0px;
display: block;
float: left;
clear: both;
}

div.horizontal li {
list-style-type: none;
display: block;
float: left;
clear: none;
text-align: left;
position: static;
}

div.horizontal li img {
border: none;
}

div.horizontal a {
clear: both;
display: block;
margin: 0px;
}

div.horizontal ul li ul {
position: absolute;
left: -5000px;
top: -5000px;
visibility: hidden;
clear: both;
}

div.horizontal ul li ul li {
clear: both;
}

div.horizontal ul li ul li a {
clear: both;
}

.hasImg,

.hasImg a {
padding: 0px !important;
margin: 0px !important;
border: none !important;
outline: none !important;
background: transparent !important;
width: auto !important;

HTML:

  • Sponsors

  • Auction

  • Purchase Tickets










  • I feel like I'm missing something basic, but I'm not sure what. Another pair of eyes would be gratefully appreciated.

    Neal

    ClevaTreva
    ClevaTreva's picture
    Offline
    Guru
    A hilly place, UK
    Last seen: 1 year 15 weeks ago
    A hilly place, UK
    Joined: 2004-02-05
    Posts: 2902
    Points: 0

    Does IE support

    Does IE support position:static?

    Can't remember.

    Hugo
    Hugo's picture
    Offline
    Moderator
    London
    Last seen: 5 years 5 weeks ago
    London
    Joined: 2004-06-06
    Posts: 15668
    Points: 2806

    Do hope so or most sites are

    Do hope so or most sites are going to be a right old mess.

    Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
    ----------------------------------------------------------------
    Please post ALL your code - both CSS & HTML - in [code] tags
    Please validate and ensure you have included a full Doctype before posting.
    Why validate? Read Me

    thepineapplehead
    thepineapplehead's picture
    Offline
    Guru
    Last seen: 5 weeks 2 days ago
    Joined: 2004-06-30
    Posts: 9668
    Points: 801

    (No subject)

    Verschwindende wrote:
    • CSS doesn't make pies

    ClevaTreva
    ClevaTreva's picture
    Offline
    Guru
    A hilly place, UK
    Last seen: 1 year 15 weeks ago
    A hilly place, UK
    Joined: 2004-02-05
    Posts: 2902
    Points: 0

    There was me thinking that

    There was me thinking that position:static meant you get lightning strikes round the screen.

    DanA
    DanA's picture
    Offline
    Elder
    Last seen: 9 years 40 weeks ago
    Timezone: GMT+2
    Joined: 2004-08-14
    Posts: 1087
    Points: 2

    Remove height from #header

    Remove height from #header

    Nealeo
    Nealeo's picture
    Offline
    Regular
    Last seen: 12 years 40 weeks ago
    Joined: 2007-03-14
    Posts: 11
    Points: 0

    Brilliant. Just brilliant!

    It's amazing what another pair of eyes can do. Issue solved.

    Thanks, DanA