This content has been marked as final.
Show 3 replies
-
1. Re: NEED HELP with CSS Designed Page only in IE6!!!!!!!
mdjo9 Jan 11, 2008 1:27 PM (in response to peepmonger) -
2. Re: NEED HELP with CSS Designed Page only in IE6!!!!!!!
peepmonger Jan 11, 2008 2:08 PM (in response to mdjo9)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 Jan 11, 2008 2:17 PM (in response to peepmonger)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;
> }
>

