Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

Trouble validating in IE6


  • Please log in to reply

#1
grandpa

grandpa

    Member

  • Member
  • PipPipPip
  • 265 posts
Hi

I wonder if anyone can help me please.

I am building a site using Dreamweaver, when I go to validate I get the following

Found 1 errors in external css files [Microsoft Internet Explorer 5.5, Microsoft Internet Explorer 6.0]

For some reason the following is incorrect, Can anyone tell me what I need to do. Unfortunately Im new at this.

<link rel="stylesheet" href="../Images/style.css" type="text/css"/>

Many thanks

Grandpa
  • 0

Advertisements


#2
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
What document type are you using? If not xhtml strict/transistional, then try remove the closing " / ". Do you have a URL for page online? Also, try using Dreamweaver's code correction.

Ron

Edited by Major Payne, 09 April 2007 - 07:14 PM.

  • 0

#3
Michael

Michael

    Retired Staff

  • Retired Staff
  • 1,869 posts
The Found 1 errors in external css files might mean there is an error in the style sheet, not the HTML. But we can only know if you give us a link as Major Payne asked for.
  • 0

#4
grandpa

grandpa

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 265 posts
Hi Guys,

Many thanks for your help. I hope I don't get told off, at the moment the site is not live. I have posted the CSS below:

body {
margin-top: 0px;
margin-left:0px;
margin-right: 0px;
margin-bottom: 0px;

max-height:100%; /* fix height for other browsers */
overflow:hidden; /*get rid of scroll bars in IE */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0px none; /* remove borders */
}

#contenttext {
overflow:auto;
position:absolute;
z-index:3;
top:85px;
bottom:35px;
left:215px;
right:212px;
padding: 0;
}

* html #content {
top:0px;
left:0;
right:0px;
bottom:0;
height:100%;
width:100%;
overflow:auto;
position:absolute;
z-index:3;

}


#header {
position:absolute;
margin:0;
top:0px;
left:0;
width:100%;
height:75px;
z-index:5;
color:#fff;
background-image: url(Basic/head-bg.jpg);
background-repeat: repeat
}


/*COMPANY NAME IN HEADER*/
#companyname {
position:absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 36px;
font-weight: bold;
margin-top:25px;
margin-left:30px;
left: 12px;
top: -2px;
background-image: url(Basic/Untitled-2.gif);
width: 279px;
height: 36px;
background-repeat: no-repeat}
#footer {
position:absolute;
margin:0;
bottom:-1px;
left:0px;
display:block;
width:100%;
text-align:center;
height:30px;
font-size:1em;
z-index:5;
overflow:hidden;
padding:1px;
background-image: url(Basic/bg_footer.jpg);
background-repeat: no-repeat
}

#leftpanel {
position: absolute;
left:3px;
top:95px;
bottom:35px;
width:204px;
z-index:4;
overflow:hidden;
padding:0px;

}

* html #leftpanel {
height:100%;
top:-2px;
bottom:0;
border-top:135px solid #fff;
border-bottom:40px solid #fff;
color:#fff;
}

#rightpanel {
position:absolute;
right:0px;
width:215px;
z-index:4;
overflow:hidden;
top: 97px;
bottom: 35px;
}

* html #rightpanel {height:100%; top:0; bottom:0; border-top:135px solid #fff; border-bottom:40px solid #fff; color:#fff;}


#content p {
padding:10px;
}
dd {display:none;}
/*FOOTER LINKS*/
.footer a{

color:#FFFFFF;
text-decoration:none;
bottom: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
left: 225px;
}
.footer a:hover{
text-decoration:underline;
}

/*TABLE*/
.table_top{
width: 204px;
height: 27px;
background-image:url(Basic/table_top.jpg);
background-repeat:no-repeat
}


.table_content{
width: 204px;
background-repeat:repeat-y;
background-image: url(Basic/table_content.jpg);
}
.table_text{
margin-left:15px;
margin-right:15px;
text-align:justify;
}
.table_bottom{
width: 204px;
height: 23px;
background-image: url(Basic/table_bottom.jpg);
}

/*TEXT STYLES*/
.news_date { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #0099CC;
}
.body_text {
font-family: Georgia, "Times New Roman", Times, serif, Tahoma;
font-size: 12px;
font-weight: normal;
}
.news_more { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF9900;
font-weight: bold;
}
.news_text { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.subtitle_blue { font-family:Georgia, "Times New Roman", Times, serif, Tahoma;
font-weight: bold;
font-size: 14px;
color: #7DA5E0;
}
.title_blue {font-family: Georgia, "Times New Roman", Times, serif, Tahoma; font-weight: bold; font-size: 18px; color: #7DA5E0; }
.title_panel { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}


#menu {list-style-type:none; margin:0; position:absolute; left:30%}

#menu li {
display:block;
float:left;
position:relative;
z-index:100;
margin-right:1px;
margin-top:50px;
height: 16px;
}
#menu li span {
display:block;
z-index:100;
padding: 1px 10px;
font-size:.9em;
font-weight: bold;
}
#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;}

#menu dl {
position:absolute;
top:0;
left:0;
margin: 0;
padding: 0;
background-image: url(opaque.png);
background-image: url(Basic/opaque.png);
}
* html #menu dl {
background-image: url(opaque.gif);
background-image: url(Basic/opaque.gif);
}
#menu dt {
margin:0;
font-size: .9em;
float:left;
font-weight: bold;
}
#menu dd {display:none; background: transparent; clear:left; margin:0; padding:0; color: #fff; font-size: .8em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#000; padding: 1px 10px; text-decoration:none;}
#menu dd a, #menu dd a:visited {color:#000; text-decoration:none; display:block; padding: 4px 10px;}

#menu li a:hover {border:0px none; text-decoration:underline}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:4px;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {color:#c00;}

Am using : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

Many thanks for any help.

Kind regards

Grandpa
  • 0

#5
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
When I checked your CSS validation (CSS 2.1), this came back:

URI : file://localhost/TextArea
75 #footer This property applies to block-level elements.
155 .table_text This property applies to block-level elements.
213 #menu li a:visited This property applies to block-level elements.
213 #menu li a:visited This property applies to block-level elements.
234 #menu dd This property applies to block-level elements.

I hope you have validated your html document, too. You gave this "<link rel="stylesheet" href="../Images/style.css" type="text/css"/>" in first post. If you're validating using this link, the path to the CSS document may be incorrect. I'm not sure of the exact problem you're having, but is ../Images/ correct or should it be ../images/ with a small "i"?

Here's the link for the CSS validator's direct input: W3C's CSS Direct Input Validator

Ron

Edited by Major Payne, 10 April 2007 - 02:10 AM.

  • 0

#6
grandpa

grandpa

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 265 posts
Hi Guys,

Thanks for your help.

At the moment Ive got rid of the Dreamweaver message, by deleting : max-height:100%; /* fix height for other browsers */ in the CSS. Hopefully this will now work in IE6. Also the page validated.

If I have any further problems with getting the site to work correctly in IE6 I will come back.

Many thanks for your help

Grandpa
  • 0

#7
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
Thank you for posting back your solution. At least it's a happy ending.

Ron
  • 0

#8
Dragon

Dragon

    All Around Computer Nut

  • Retired Staff
  • 2,678 posts
unfortunately the following

max-height:100%;


max-width, min-width, max-height and min-height are a non-existant css command in IE 6 and below. best advice is to stay away from it for now, in the near future, when everyone is running either IE7 or higher, Firefox, Mozilla or Opera it won't be an issue.

For now suffice it to say, that once again we proved that MS wants their own version of CSS and it is not designed with W3C compatability.
  • 0

#9
Michael

Michael

    Retired Staff

  • Retired Staff
  • 1,869 posts
I use them all the time, since IE missuses the width command so I can use that for IE and min-width for all other browsers.
  • 0

#10
Dragon

Dragon

    All Around Computer Nut

  • Retired Staff
  • 2,678 posts
same here, basically you will always get the errors notification when validating when you use those commands. I have gotten to the point where I ignore those error reports. it doesn't keep the site from rendering properly as long as you have IE specific codes in place to counter them.
  • 0

#11
Michael

Michael

    Retired Staff

  • Retired Staff
  • 1,869 posts
The W3C validator gives no errors from min/max - width/height http://jigsaw.w3.org/css-validator/

It is valid, if some program says it is not, it can go to the trash heap as far as I am concerned.
  • 0

#12
grandpa

grandpa

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 265 posts
Hi to everyone.

Many thanks for your help. think Im making progress, however to test the site properly I need to "reinstall IE6 as I have already got IE7. Can I just uninstall IE7 and XP will automatically roll back to IE6. Or am I really stuck with IE7.
Ive played around with the CSS seems to be working ok, and validates
Ive included it below for any comments ( in Firefox no scroll bar appears at the bottom of page but in IE7 it does, any thoughts)
html {
height:100%;
padding:0;
margin:0;
border:0px none;
background:#fff;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden
}


body {
/*height:100%;*/
overflow:hidden;/*get rid of scroll bars in IE */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0px none;}/* remove borders */

#contenttext {
overflow:auto;
position:absolute;
z-index:3;
top:85px;
bottom:35px;
left:215px;
right:215px;
padding: 2%;


}

* html #content {
top:0px;
left:0;
right:0px;
bottom:0;
height:100%;
width:100%;
overflow:auto;
position:absolute;
z-index:3;

}



#header {
position:absolute;
margin:0;
top:0px;
left:0;
width:100%;
height:75px;
z-index:5;

background-image: url(Basic/head-bg.jpg);
background-repeat: repeat
}

/*#subheader {
position:absolute;
margin:0;
top:0px;
left:0;
width:100%;
height:25px;
z-index:5;
color:#fff;

*/
/*COMPANY NAME IN HEADER*/
#companyname {
position:absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 36px;
font-weight: bold;
margin-top:25px;
margin-left:30px;
left: 10px;
top: -2px;
background-image: url(Basic/Untitled-2.gif);
width: 279px;
height: 36px;
background-repeat: no-repeat}
#footer {
position:absolute;
margin:0;
bottom:-1px;
left:0px;
display:block;
width:100%;
text-align:center;
height:30px;
font-size:1em;
z-index:5;
overflow:hidden;
padding:1px;
background-image: url(Basic/bg_footer.jpg);
background-repeat: no-repeat
}

#leftpanel {
position: absolute;
left:3px;
top:95px;
bottom:35px;
width:204px;
z-index:4;
overflow:hidden;
padding:0px;

}

* html #leftpanel {
height:100%;
top:-2px;
bottom:0;
border-top:135px solid #fff;
border-bottom:40px solid #fff;

}

#rightpanel {
position:absolute;
right:0px;
width:215px;
z-index:4;
overflow:hidden;
top: 97px;
bottom: 35px;
}

* html #rightpanel {height:100%; top:0; bottom:0; border-top:135px solid #fff; border-bottom:40px solid #fff; }




#content p {
padding:10px;
}
dd {display:none;}
/*FOOTER LINKS*/
.footer a{


text-decoration:none;
bottom: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
left: 225px;
}
.footer a:hover{
text-decoration:underline;
}

/*TABLE*/
.table_top{
width: 204px;
height: 27px;
background-image:url(Basic/table_top.jpg);
background-repeat:no-repeat
}


.table_content{
width: 204px;
background-repeat:repeat-y;
background-image: url(Basic/table_content.jpg);
}
.table_text{
margin-left:15px;
margin-right:15px;
text-align:justify;
}
.table_bottom{
width: 204px;
height: 23px;
background-image: url(Basic/table_bottom.jpg);
}

/*TEXT STYLES*/
.news_date { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #0099CC;
}
.body_text {
font-family: Georgia, "Times New Roman", Times, serif, Tahoma;
font-size: 12px;
font-weight: normal;
}
.news_more { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF9900;
font-weight: bold;
}
.news_text { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.subtitle_blue { font-family:Georgia, "Times New Roman", Times, serif, Tahoma;
font-weight: bold;
font-size: 14px;
color: #7DA5E0;
}
.title_blue {font-family: Georgia, "Times New Roman", Times, serif, Tahoma; font-weight: bold; font-size: 18px; color: #7DA5E0; }
.title_panel { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}


#menu {list-style-type:none; margin:0; position:absolute; left:30%}

#menu li {
display:block;
float:left;
position:relative;
z-index:100;
margin-right:1px;
margin-top:50px;
height: 16px;
}
#menu li span {
display:block;
z-index:100;
padding: 1px 10px;
font-size:.9em;
font-weight: bold;
}
#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;}

#menu dl {
position:absolute;
top:0;
left:0;
margin: 0;
padding: 0;
background-image: url(opaque.png);
background-image: url(Basic/opaque.png);
}
* html #menu dl {
background-image: url(opaque.gif);
background-image: url(Basic/opaque.gif);
}
#menu dt {
margin:0;
font-size: .9em;
float:left;
font-weight: bold;
}
#menu dd {display:none; background: transparent; clear:left; margin:0; padding:0; color: #fff; font-size: .8em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#000; padding: 1px 10px; text-decoration:none;}
#menu dd a, #menu dd a:visited {color:#000; text-decoration:none; display:block; padding: 4px 10px;}

#menu li a:hover {border:0px none; text-decoration:underline}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:4px;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {color:#c00;}

Many thanks

Grandpa.
  • 0

#13
Michael

Michael

    Retired Staff

  • Retired Staff
  • 1,869 posts
Why do you want no scrollbars? What is going to happen if the window gets too small?

Could you please give a link to the site, or provide the HTML other wise it is hard to know how to fix it.

You can just uninstall IE7 and it should go back to 6.
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP