CSS not working on IE !

Question

Hi,
I have in my aplication a view titles in diferent regions, so inplace to format each title i just creat a .css file and upload it to my Workspace_images!
Everything was working great, but when i look to my aplication on IE, it didn't use the css format.
one page region:
<title class="position">Example One of my Titles</title>
css file: titles.css
title
color: #333333;
font-family: Verdana;
text-align: left;
font-size: 16pt
title.position
position:absolute;
left:30px;
top:150px
on page template "One Level Tabs" i have include:
<link rel="stylesheet" href="#WORKSPACE_IMAGES#titulos.css" type="text/css"/>
On firefox i include css on title and it displays it formated on IE it is displays without format?
Thank's in advance
Pepe

Answer 1

Hello,
The problem is you are using made up tags &lt;t>....</t> is not a regular HTML tag and IE has problems processing tags that aren't normal tags.
use this instead
&lt;span class="pos">Example One of my Titles&lt;/span> and the style should be
span.pos{
color: #333333;
font-family: Verdana;
text-align: left;
font-size: 16pt
position:absolute;
left:30px;
top:150px
}Also -- is not not comment in css and will break your css. To comment your css you need to use /**/
As was posted before if your not familer with HTML or CSS you should spend some time with the tutorials at this site http://www.w3schools.com/html/default.asp and here http://www.w3schools.com/css/default.asp
A couple hours working through the tutorials here will save you innumerable hours and effort later
Regards,
Carl
blog : http://carlback.blogspot.com/
apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5