ayuda con css

lasma87 · #1 (**permalink**) 01/11/2010, 14:37

hola como estan tengo un problema para cargar un css y que se vea en ie8 este es la forma de cargarlo

Código HTML:

<head>
   <meta charset="utf-8"/>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
    <title>
      Bling Nation
    </title>
    <meta name="description"/>
    <link href="../images/favicon.png" rel="shortcut icon"/>
    <link href="../images/favicon.png" rel="apple-touch-icon"/>
    <link href="../stylesheets/styles.css" rel="stylesheet"  type='text/css' />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script>
      !window.jQuery && document.write('<script src=../javascripts/jquery/jquery-1.4.2.min.js>');
    </script>
</head>

y este es el css

Código CSS:

Ver originalhtml { position: relative; z-index: 0; overflow-y: scroll; }
 
body { position: relative; z-index: 1; margin: 0; padding: 0; color: #333333; background-color: white; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; line-height: 1.5; }
 
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin: 0; padding: 0; color: inherit; background-color: transparent; background-repeat: no-repeat; font-family: inherit; font-size: 13px; font-weight: inherit; font-style: inherit; line-height: inherit; text-decoration: none; text-align: left; vertical-align: baseline; border: 0; outline: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
 
article, aside, figure, footer, header, hgroup, nav, section { display: block; }
 
hr { display: block; height: 1px; background: #333333; border: none; }
 
blockquote cite { display: block; }
 
table { width: 100%; border-collapse: separate; border-spacing: 0; }
table th, table td { vertical-align: top; }
table thead, table th, table caption { font-weight: bold; }
 
img { -ms-interpolation-mode: bicubic; }
 
.alert { position: fixed; top: 0; left: 0; display: none; width: 100%; background-color: #ffffaa; border-bottom: 1px solid #dddd00; -webkit-box-shadow: #cccccc 0 1px 3px; -moz-box-shadow: #cccccc 0 1px 3px; box-shadow: #cccccc 0 1px 3px; }
.alert p { padding: 10px 15px; font-weight: bold; }
.nojs .alert.jsdisabled { display: block; }
 
::-moz-selection { color: white; background: #ff5e99; text-shadow: none; }
 
::selection { color: white; background: #ff5e99; text-shadow: none; }
 
h1 { font-size: 31px; }
 
h2 { font-size: 24px; }
 
h3 { font-size: 16px; }
 
h4 { font-size: 14px; }
 
h5 { font-size: 12px; }
 
h6 { font-size: 12px; }
 
p { font-size: 12px; }
 
a { color: #0022ff; outline: 0; -webkit-tap-highlight-color: #ff5e99; }
a:hover { color: #333333; outline: 0; }
a:active { color: #cc3333; outline: 0; }
a:focus { outline: thin dotted; }
 
del { text-decoration: line-through; }
 
abbr, dfn { text-transform: uppercase; border-bottom: 1px dashed #333333; cursor: help; }
 
code, pre, var { font-family: "Monaco", "Courier", monospace; font-size: 12px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
 
strong { font-weight: bold; }
 
ins { text-decoration: underline; }
 
sub { font-size: smaller; vertical-align: sub; }
 
sup { font-size: smaller; vertical-align: super; }

gracias espero su ayuda!!