Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

CSS & HTML: Hyperlinks not working in IE6

Bottom of Page

1 to 5 of 5

  1.  
    • CommentAuthordeniseg
    • CommentTimeApr 17th 2008 edited
     permalink
    The site is http://www.camppennbrook.com/new/

    I have the thing working in Firefox and in IE7, but in IE6, the links don't work.

    Problem is, the <a href of the Latest News, MTV, and Brochure sections have ceased to function in IE6.

    I've tried using z-index, but it doesn't help.

    The page has a conditional caller pointing IE6 browsers to its own front.css page...

    Yes. I know there's four pieces of flash on this site. This is necessary...since the "Latest News" content and links have to be pulled from an OPEN CMS program that the client has access to, then pulled down into the flash if I do it otherwise, and after many questions, we found it can't be done (because if it turns it to txt first, then the hyperlinks are lost...and I can't even get it from the CMS to txt.)

    Removing the flash is not an option, nor is it the problem (checked it. Removing the flash didn't make the links suddenly work.)

    You can view the index.php code by using the view source.

    The CSS code samples will be shown in four pieces... then the front.css for the IE6, the IE7, and the Firefox (so you can see the differences) and the global.css for all.

    (I will add these as comments)
    • CommentAuthordeniseg
    • CommentTimeApr 17th 2008
     permalink
    IE6:

    #main_wrapper {
    height:auto;
    height:705px;
    position: relative;
    top:0;
    left: 0px;
    margin: 0 auto;
    width: 956px;
    background-image: url(../../i/img_background_top.png);
    background-repeat: no-repeat;
    z-index: -1;
    }

    #flash_wrapper {
    height:auto;
    height:457px;
    position:absolute;
    top: 112px;
    left: -94px;
    margin: 0 auto;
    width: 592px;
    }

    #seo_wrapper {
    height:auto;
    height:100px;
    position:absolute;
    top: -372px;
    left: -88px;
    margin: 0 auto;
    width: 592px;
    }

    #countdown {
    position: relative;
    margin: 0 auto;
    width: 592px;
    text-align: center;
    height: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #632c91;
    }

    #seo {
    position: relative;
    margin: 0 auto;
    width: 582px;
    text-align: left;
    height: 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    }

    #latest_news {
    height:auto;
    height:167px;
    position:absolute;
    top: -96px;
    left: -85px;
    margin: 0 auto;
    width: 165px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFF;
    font-size: 12px;
    z-index:1;
    }

    #latest_news a {
    color: #632c91;
    text-decoration: underline;
    }

    #mtv{
    height:108px;
    position:absolute;
    top: -480px;
    left: 302px;
    margin: 0 auto;
    width: 85px;
    }

    #brochure{
    height:95px;
    position:absolute;
    top: -432px;
    left: 302px;
    margin: 0 auto;
    width: 75px;
    }

    #great{
    height:auto;
    position:absolute;
    top: -380px;
    left: 302px;
    margin: 0 auto;
    width: 145px;
    text-align: center;
    }

    #footer {
    height:auto;
    height:100px;
    position:absolute;
    top: -360px;
    left: 0px;
    margin: 0 auto;
    width: 777px;
    text-align: center;
    }

    .copyright {
    color: #FFCB01;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    }

    .copyright a{
    color: #FFCB01;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    text-decoration: underline;
    }

    .address {
    color: #00d6f0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    }

    .bot_nav {
    color: #FFCB01;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    }

    .bot_nav a {
    color: #FFCB01;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    text-align: center;
    }
    • CommentAuthordeniseg
    • CommentTimeApr 17th 2008
     permalink
    IE7:

    #main_wrapper {
    height:auto;
    height:705px;
    position: relative;
    top:0;
    left: -93px;
    margin: 0 auto;
    width: 956px;
    background-image: url(../../i/img_background_top.png);
    background-repeat: no-repeat;
    }

    #flash_wrapper {
    height:auto;
    height:457px;
    position:absolute;
    top: 112px;
    left: 88px;
    margin: 0 auto;
    width: 592px;
    }

    #seo_wrapper {
    height:auto;
    height:100px;
    position:absolute;
    top: 592px;
    left: 88px;
    margin: 0 auto;
    width: 592px;
    }

    #countdown {
    position: relative;
    margin: 0 auto;
    width: 592px;
    text-align: center;
    height: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #632c91;
    padding-bottom: 5px;
    margin-bottom: 5px;
    }

    #seo {
    position: relative;
    margin: 0 auto;
    width: 582px;
    text-align: left;
    height: 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    }

    #latest_news {
    height:auto;
    height:167px;
    position:absolute;
    top: 360px;
    left: 317px;
    margin: 0 auto;
    width: 165px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFF;
    font-size: 12px;
    }

    #latest_news a {
    color: #632c91;
    text-decoration: underline;
    }

    #mtv{
    height:108px;
    position:absolute;
    top: 140px;
    left: 720px;
    margin: 0 auto;
    width: 85px;
    }

    #brochure{
    height:95px;
    position:absolute;
    top: 300px;
    left: 727px;
    margin: 0 auto;
    width: 75px;
    }

    #great{
    height:132px;
    position:absolute;
    top: 443px;
    left: 705px;
    margin: 0 auto;
    width: 145px;
    text-align: center;
    }

    #footer {
    height:auto;
    height:100px;
    position:absolute;
    top: 720px;
    left: 88px;
    margin: 0 auto;
    width: 777px;
    text-align: center;
    }

    .copyright {
    color: #FFCB01;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    }

    .copyright a{
    color: #FFCB01;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    text-decoration: underline;
    }

    .address {
    color: #00d6f0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    }

    .bot_nav {
    color: #FFCB01;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    }

    .bot_nav a {
    color: #FFCB01;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    text-align: center;
    }
    • CommentAuthordeniseg
    • CommentTimeApr 17th 2008
     permalink
    The rest:

    #main_wrapper {
    height:auto;
    height:705px;
    position: relative;
    top:0;
    left: -93px;
    margin: 0 auto;
    width: 956px;
    background-image: url(../i/img_background_top.png);
    background-repeat: no-repeat;
    z-index: -5;
    }

    #flash_wrapper {
    height:auto;
    height:457px;
    position:absolute;
    top: 112px;
    left: 88px;
    margin: 0 auto;
    width: 592px;
    z-index: 0;
    }

    #seo_wrapper {
    height:auto;
    height:100px;
    position:absolute;
    top: 592px;
    left: 88px;
    margin: 0 auto;
    width: 592px;
    }

    #countdown {
    position: relative;
    margin: 0 auto;
    width: 592px;
    text-align: center;
    height: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #632c91;
    }

    #seo {
    position: relative;
    margin: 0 auto;
    width: 582px;
    text-align: left;
    height: 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    }

    #latest_news {
    height:auto;
    height:167px;
    position:absolute;
    top: 360px;
    left: 317px;
    margin: 0 auto;
    width: 165px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFF;
    font-size: 12px;
    z-index: 5;
    }

    #latest_news a {
    color: #632c91;
    text-decoration: underline;
    }

    #mtv{
    height:108px;
    position:absolute;
    top: 140px;
    left: 720px;
    margin: 0 auto;
    width: 85px;
    z-index: 5;
    }

    #brochure{
    height:95px;
    position:absolute;
    top: 300px;
    left: 727px;
    margin: 0 auto;
    width: 75px;
    z-index: 5;
    }

    #great{
    height:132px;
    position:absolute;
    top: 443px;
    left: 705px;
    margin: 0 auto;
    width: 145px;
    text-align: center;
    z-index: 5;
    }

    #footer {
    height:auto;
    height:100px;
    position:absolute;
    top: 720px;
    left: 88px;
    margin: 0 auto;
    width: 777px;
    text-align: center;
    }

    .copyright {
    color: #FFCB01;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    }

    .copyright a{
    color: #FFCB01;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    text-decoration: underline;
    }

    .address {
    color: #00d6f0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    }

    .bot_nav {
    color: #FFCB01;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    }

    .bot_nav a {
    color: #FFCB01;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    text-align: center;
    }
    • CommentAuthordeniseg
    • CommentTimeApr 17th 2008
     permalink
    All browsers also call global.css which is:

    /* CSS Document */

    body {
    background-image: url(../i/img_background.jpg);
    background-repeat: repeat;
    margin-top: 0px;
    }

    #wrapper {
    height:auto;
    height:100%;
    min-height:100%;
    position:relative;
    top:0;
    margin: 0 auto;
    width: 744px;
    }

    img, div { behavior: url(iepngfix.htc) }

    Thanks in advance for your help!

1 to 5 of 5

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page