3 Replies Latest reply: Jan 11, 2008 2:17 PM by Newsgroup_User RSS

    NEED HELP with CSS Designed Page only in IE6!!!!!!!

    peepmonger Community Member
      Hi Everyone.

      I am relatively new at designing in CSS and I am having quite a difficult time with the page when viewed in IE6.

      Attached is a page I did in dreamweaver (mac) using a linked css file. The pages look AWESOME in every other browser but IE 6, and unfortunately, a large amount of the people who use our website (members) use IE6. What happens is my “content” div where I have text is “pushed down” and then caddy-corner to the left-hand “navigation” div. What I did was created a page and saved it as a dreamweaver template with editable regions in dreamweaver, and then applied it to all my web-pages.

      The URL is: http://www.naifa.org/newsevents/convention/2008/program.html


      Can anyone tell me why this is happening? It doesn’t happen in IE 5 or IE7 at all, just IE 6. Needless to say, I am quite frustrated.

      Here is the css code:
      Text Text GAH!!!!
        • 1. Re: NEED HELP with CSS Designed Page only in IE6!!!!!!!
          mdjo9
          I must confess you are doing well for a beginer, did you teach yourself or you went to a design school?
          I am sorry I don't have a solution to your problem. I just want to know if you have gotten one.

          Ayo
          "make it count..."
          • 2. Re: NEED HELP with CSS Designed Page only in IE6!!!!!!!
            peepmonger Community Member
            Thanks! Actually, I have been taking classes and online tutorials for the past year and a half, and have done "small" projects in CSS, this is the biggest project to date...
            • 3. Re: NEED HELP with CSS Designed Page only in IE6!!!!!!!
              Newsgroup_User Community Member
              You might want to tackle these first -

              http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.naifa.org%2Fnewsevents%2Fconv ention%2F2008%2Fprogram.html

              --
              Murray --- ICQ 71997575
              Adobe Community Expert
              (If you *MUST* email me, don't LAUGH when you do so!)
              ==================
              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              ==================


              "Ellen Errico" <webforumsuser@macromedia.com> wrote in message
              news:fm8lkr$mbm$1@forums.macromedia.com...
              > Hi Everyone.
              >
              > I am relatively new at designing in CSS and I am having quite a difficult
              > time
              > with the page when viewed in IE6.
              >
              > Attached is a page I did in dreamweaver (mac) using a linked css file.
              > The
              > pages look AWESOME in every other browser but IE 6, and unfortunately, a
              > large
              > amount of the people who use our website (members) use IE6. What happens
              > is my
              > ?content? div where I have text is ?pushed down? and then caddy-corner to
              > the
              > left-hand ?navigation? div. What I did was created a page and saved it as
              > a
              > dreamweaver template with editable regions in dreamweaver, and then
              > applied it
              > to all my web-pages.
              >
              > The URL is: http://www.naifa.org/newsevents/convention/2008/program.html
              >
              >
              > Can anyone tell me why this is happening? It doesn?t happen in IE 5 or
              > IE7 at
              > all, just IE 6. Needless to say, I am quite frustrated.
              >
              > Here is the css code:
              > Text Text GAH!!!!
              >
              > body
              > {
              > margin: 0px;
              > padding: 0px;
              > font: normal 12px Arial, Helvetica, sans-serif;
              > color: #666666;
              > background-color: #FFFFCC;
              > }
              >
              >
              >
              > a:link {
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: small;
              > font-weight: 400;
              > font-variant: normal;
              > color: #0099CC;
              > text-decoration: none;
              > }
              > a:hover {
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: small;
              > font-weight: 400;
              > font-variant: normal;
              > color: #0066CC;
              > text-decoration: none;
              > }
              > a:visited {
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: small;
              > font-style: normal;
              > font-weight: 400;
              > font-variant: normal;
              > color: #0066CC;
              > text-decoration: none;
              > }
              > .bull {
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: small;
              > font-style: normal;
              > font-weight: normal;
              > color: #666666;
              > text-align: left;
              > padding-top: 1px;
              > padding-right: 10px;
              > padding-bottom: 1px;
              > padding-left: 20px;
              > }
              >
              >
              > h1 {
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: large;
              > font-weight: bold;
              > color: #0099CC;
              > font-style: normal;
              > letter-spacing: 0.5px;
              > text-align: left;
              >
              > }
              >
              > h2 {
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: 16px;
              > font-style: italic;
              > font-weight: normal;
              > color: #0066CC;
              > letter-spacing: 0.5px;
              > text-align: left;
              > }
              >
              > h3 {
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: small;
              > font-weight: 600;
              > color: #009999;
              > font-style: normal;
              > text-align: left;
              >
              > }
              >
              > h4 {
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: small;
              > font-style: italic;
              > font-weight: 400;
              > color: #000099;
              > text-align: left;
              >
              > }
              > p {
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: small;
              > font-style: normal;
              > font-weight: normal;
              > color: #666666;
              > letter-spacing: 0.5px;
              > text-align: left;
              >
              > }
              >
              >
              >
              > #container
              > {
              > width: 750px;
              > margin: auto;
              > border: 1px solid #0099CC;
              > background-color: #0099CC;
              > }
              >
              >
              > #content
              > {
              > padding: 10px 15px 5px 20px;
              > margin-left:202px;
              > background-color: #FFFFFF;
              > width: 513px;
              > }
              > #footer
              > {
              > font: bold normal 12px/20px Arial, Verdana, Arial, sans-serif;
              > background-color:#0099CC;
              > padding: 5px 1px;
              > text-align: center;
              > clear: both;
              > color: #FFFFFF;
              > height: 25px;
              > vertical-align: middle;
              > letter-spacing: 2px;
              > }
              > #header
              > {
              > background-color: #0099CC;
              > height:100px;
              > background-image: url(images/header_01.jpg);
              > background-repeat: no-repeat;
              > }
              >
              > #header2
              > {
              > top:100px;
              > height:25px;
              > background-image: url(images/bar_02.jpg);
              > background-repeat: no-repeat;
              > }
              >
              >
              >
              > #mainnav
              > {float: left;
              > width: 200px;
              > background-color: #FFFFFF;
              > }
              > #mainnav ul {
              > text-decoration: none;
              > margin: 0px;
              > padding: 0px;
              > }
              >
              > #mainnav ul li {
              > text-decoration: none;
              > margin: 0px;
              > padding: 0px;
              > list-style-type: none;
              > }
              > #mainnav ul li a:link, #mainnav ul li a:visited {
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: 14px;
              > color: #0099CC;
              > font-weight: bold;
              > text-decoration: none;
              > width: 200px;
              > height: 30px;
              > visibility: visible;
              > display: block;
              > text-indent: 10px;
              > background-color: #FFCC99;
              > text-align: left;
              > border-bottom-width: 1px;
              > border-bottom-style: solid;
              > border-bottom-color: #0099CC;
              > line-height: 30px;
              > letter-spacing: 0.5px;
              > }
              >
              >
              > #mainnav ul li a:hover {
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: 14px;
              > color: #0066CC;
              > font-weight: bold;
              > text-decoration: none;
              > width: 200px;
              > height: 30px;
              > visibility: visible;
              > display: block;
              > text-indent: 10px;
              > background-color: #99CCCC;
              > text-align: left;
              > border-bottom-width: 1px;
              > border-bottom-style: solid;
              > border-bottom-color: #0099CC;
              > line-height: 30px;
              > letter-spacing: 0.5px;
              > }
              >
              >
              > #mainnav ul li ul li {
              > margin: 0px;
              > padding: 0px;
              > text-decoration: none;
              > list-style-type: none;
              > }
              >
              >
              > #mainnav ul li ul li a:link, #mainnav ul li ul li a:visited {
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: 12px;
              > color: #0099CC;
              > font-weight: bold;
              > text-decoration: none;
              > width: 200px;
              > visibility: visible;
              > display: block;
              > text-indent: 25px;
              > background-color: #FFFFCC;
              > text-align: left;
              > letter-spacing: 0.5px;
              > list-style-type: none;
              > overflow: visible;
              > }
              >
              > #mainnav ul li ul li a:hover {
              > font-family: Arial, Helvetica, sans-serif;
              > font-size: 12px;
              > color: #0066CC;
              > font-weight: bold;
              > text-decoration: none;
              > width: 200px;
              > visibility: visible;
              > display: block;
              > text-indent: 25px;
              > background-color: #FFFF99;
              > text-align: left;
              > letter-spacing: 0.5px;
              > list-style-type: none;
              > overflow: visible;
              > }
              >