[grandpa]

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

[Advertisements]

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.

[Major Payne]

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.

[Michael]

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.

[grandpa]

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

[Major Payne]

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.

[grandpa]

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

[Major Payne]

Thank you for posting back your solution. At least it's a happy ending.

Ron

[Dragon]

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.

[Michael]

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.

[Dragon]

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.

[Michael]

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.

[grandpa]

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.

[Michael]

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.