[digioz]

Hello All,

I am having trouble with the following CSS:

Code:

body {text-align:center;}
.container {text-align:left;}
* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {overflow-x:hidden;}
* html legend {margin:0px -8px 16px 0;padding:0;}
ol {margin-left:2em;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
html>body p code {*white-space:normal;}
hr {margin:-8px auto 11px;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
fieldset {padding-top:0;}

The error that shows up is:

Code:

Message: Expected ';'
Line: 1
Char: 6
Code: 0

Anyone know what the problem is?

Thanks,
Pete

[=OTS=G-Man]

Only error I got from this was

Warning: Expected declaration but found '*'. Skipped to next declaration.
Source File: Untitled Document
Line: 14

html>body p code {*white-space:normal;}

[digioz]

I am using IE 8. Is that what you are running?

Pete

[=OTS=G-Man]

FireFox 3.0.11 with th Web Developer Tool bar extension that checks for CSS and Javascript Errors

[digioz]

This is a CSS that is only used if IE is the browser type. Any chance you can try it with IE?

Pete

[=OTS=G-Man]

Well i never use IE so I might just not be seeing the error message, but i tested it in IE 6.0.2900, 7.0.6001 and 8.0.6001 all seemed ok, I also had w3 look at it and it only had 2 complaints, one about using a CSS3 element in CSS2 and one about .clearfix, .container "Value Error: display inline-block is not a display value : inline-block

[digioz]

Anyone else have any suggestions on how to fix this?

Pete

[Boraan]

It's not an error. Doc type isn't defined. IE needs specifics to show it is css. Default for IE is to read it as java that's why it's a java error you're getting. Tell IE it's not java but css. Try this:

Code:

<style type="text/css">

body {text-align: center;
}

.container {
text-align:left;
}

* html .column, * html div.span-1, * html div.span-2, * html div.span-3,  * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {
overflow-x:hidden;
}

* html legend {
margin:0px -8px 16px 0;padding:0;
}

ol {
margin-left:2em;
}

sup {
vertical-align:text-top;
}

sub {
vertical-align:text-bottom;
}

html>body p code {
* white-space:normal;
}

hr {
margin:-8px auto 11px;
}

.clearfix, .container {
display:inline-block;
}

* html .clearfix, * html .container {
height:1%;
}

fieldset {
padding-top:0;
}
</style>

[digioz]

Thanks Dexter, but I should have been more specific. The css code in question is inside of a ".css" file extension which gets referenced in the web page header.

Pete

[Boraan]

that was for in-page css. if it's a reference the tag would have to be defined as a css reference. Either way it has to be defined for IE. In this case you should also define the media type, (default is screen).

Code:

<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>