bueno estoy armando una web pero tengo un problema en ie no se vee, osea no me tira algun defecto de css sino que no carga nada del contenido aca les dejo la web
www.anicomics.net/iso
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Iso Design</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$().UItoTop({ easingType: 'easeOutQuart' });
});
$(function() {
$('a[rel=tipsy]').tipsy({fade: true, gravity: 'n'});
});
$(window).load(function() {
$('#slider').nivoSlider({
animSpeed:700, //Slide transition speed
pauseTime:4000,
directionNav:false, //Next, Prev
controlNav:false
});
});
</script>
<!--[if IE]>
<script type="text/javascript" src="js/unitpngfix.js"></script>
<![endif]-->
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(images/celeste.jpg);
background-repeat: repeat-x;
}
.contenedor {
width:1000px;
margin-left:auto;
margin-right:auto;
}
.menubg {
height:42px;
width:472px;
background-image:url(images/menubg.png);
background-repeat:repeat;
margin-top:35px;
}
.Menu {
color: #FFFFFF
}
.bgsl {
background-image:url(images/slider.png);
height:293px;
width:520px;
margin-top:-294px;
margin-left:470px;
position:absolute;
z-index:-9000;
}
.logo {
margin-top:-140px;
margin-left:20px;
}
.msn {
background-color:#1e1e1e;
background-image:url(images/arbol.jpg);
margin-top:-11px;
height:42px;
}
.arbol {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
.arbol a:link {
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.presupuesto {
height:50px;
width:227px;
margin-left:20px;
margin-top:20px;
}
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}
/* The slices in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:89;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:99;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:99;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
#slider {
width:480px;
height:247px;
position: absolute;
top:-37px;
left:490px;
no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
position:absolute;
left:403px;
bottom:5px;
}
.nivo-controlNav a {
display:block;
width:10px;
height:10px;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:-10px 0;
}
.nivo-directionNav a {
display:block;
width:32px;
height:34px;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-32px 0;
right:10px;
}
a.nivo-prevNav {
left:10px;
mar
}
.barras {
margin-top:-330px;
margin-left:50px;
}
.web a{
background-image:url(images/web1.png);
background-repeat:no-repeat;
width:426px;
height:34px;
text-decoration:none;
display:block;
text-indent:-9000px;
padding: 0px 5px 5px 5px;
}
.web a:hover{
background-image:url(images/web2.png);
background-repeat:no-repeat;
width:426px;
height:34px;
text-decoration:none;
display:block;
text-indent:-9000px;
}
.grafico a{
background-image:url(images/grafico1.png);
background-repeat:no-repeat;
width:426px;
height:34px;
text-decoration:none;
display:block;
text-indent:-9000px;
padding: 0px 5px 5px 5px;
}
.grafico a:hover{
background-image:url(images/grafico2.png);
background-repeat:no-repeat;
width:426px;
height:34px;
text-decoration:none;
display:block;
text-indent:-9000px;
}
.tarjeta a{
background-image:url(images/tarjeta1.png);
background-repeat:no-repeat;
width:426px;
height:34px;
text-decoration:none;
display:block;
text-indent:-9000px;
padding: 0px 5px 5px 5px;
}
.tarjeta a:hover{
background-image:url(images/tarjeta2.png);
background-repeat:no-repeat;
width:426px;
height:34px;
text-decoration:none;
display:block;
text-indent:-9000px;
}
.otro a{
background-image:url(images/otros1.png);
background-repeat:no-repeat;
width:426px;
height:34px;
text-decoration:none;
display:block;
text-indent:-9000px;
padding: 0px 5px 5px 5px;
}
.otro a:hover{
background-image:url(images/otros2.png);
background-repeat:no-repeat;
width:426px;
height:34px;
text-decoration:none;
display:block;
text-indent:-9000px;
}
.derecha {
margin-top:150px;
float:right;
width:300px;
}
.texto {
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial;
font-size:13px;
}
.Titulo {
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial;
font-size:15px;
font-weight:bold;
}
.resalto {
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial;
font-size:13px;
color:#45A8E7;
}
</style>