Foros del Web » Creando para Internet » Diseño web »

Problema en ie

Estas en el tema de Problema en ie en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/07/2011, 05:59
Avatar de infiero  
Fecha de Ingreso: marzo-2006
Mensajes: 38
Antigüedad: 18 años
Puntos: 3
Problema en ie

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> 
  #2 (permalink)  
Antiguo 30/07/2011, 06:00
Avatar de infiero  
Fecha de Ingreso: marzo-2006
Mensajes: 38
Antigüedad: 18 años
Puntos: 3
Respuesta: Problema en ie

Puse el codigo en 2 post por que no entraba en uno solo, alguna idea de que esta mal que hace que no me cargue en ie?

Código HTML:
</head>

<body>
<div class="contenedor" > 
<!------------  INICIO MENU -------------->
<div class="menubg" align="center">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="43" align="center" valign="middle"><table width="100" border="0" align="left" cellpadding="0" cellspacing="0">
        <tr>
          <td>Inicio</td>
          <td>Nosotros</td>
          <td>Servicios</td>
          <td>Galeria</td>
          <td>Contactanos</td>
        </tr>
      </table></td>
    </tr>
  </table>
</div>
<!------------  FIN MENU -------------->

<!------------ INICIO SLIDER -------------->
<div id="slider">
                <a href="http://www.isodesign.com.ar"><img src="images/bn1.jpg" alt="" title="" /></a>
                <a href="http://www.isodesign.com.ar"><img src="images/bn2.jpg" alt="" title="" /></a>
                <a href="http://www.isodesign.com.ar"><img src="images/bn3.jpg" alt="" title="" /></a>
  </div>

<div class="bgsl"> </div>
<!------------ FIN SLIDER -------------->


<!------------ INICIO MSN SKYPE Y DEMAS -------------->
<div class="msn">
  <table width="100%" height="42" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="6%" align="center" valign="middle"><div align="right"></div></td>
      <td width="49%" align="center" valign="middle" class="arbol"><div align="left" style=" margin-left:7px;"></div></td>
      <td width="2%" align="center" valign="middle" class="arbol"><div align="right"><img src="images/msn.png" width="20" height="18" /></div></td>
      <td width="18%" align="center" valign="middle" class="arbol"><div align="right"  style=" margin-left:7px;">
        <div align="left">[email protected]</div>
      </div></td>
      <td width="3%" align="center" valign="middle" class="arbol"><div align="right"><img src="images/telefono.png" alt="" width="16" height="12" /></div></td>
      <td width="9%" align="center" valign="middle" class="arbol"><div align="left" style=" margin-left:7px;" >46353685</div></td>
      <td width="3%" align="center" valign="middle"><div style="margin-top:0px;" align="right"><span class="arbol"><a href="skype:[email protected]?add"><img src="images/skype.png" width="16" height="16" class="skype" /></a></span></div></td>
      <td width="10%" align="center" valign="middle" class="arbol"><div style=" margin-left:7px;" align="left">isodesing</div></td>
    </tr>
  </table>
</div>
<!------------ FIN MSN SKYPE Y DEMAS -------------->


<!------------  INICIO BOTON PRESUPUESTO -------------->
<div class="presupuesto"><a href="http://www.algo.com"><img src="images/presupuesto.png" /></a></div>
<!------------ FIN BOTON PRESUPUESTO -------------->


<!------------  INICIO BARRA OPCIONES  -------------->
<div class="barras">       
                    <div class="web"><a href="#">LINK</a></div>
                    <div class="grafico"><a href="#">LINK</a></div>
                    <div class="tarjeta"><a href="#">LINK</a></div>
                    <div class="otro"><a href="#">LINK</a></div>
              </div>
              
              
<!------------  FIN BARRA OPCIONES -------------->


<!------------  INICIO BARRA DERECHA -------------->
  <div class="derecha">
     <table width="306" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="196"><span class="Titulo">Experiencia</span><br />
      <br />
      <span class="texto">Llevamos con el Diseño Web, Gráfico y video desde el año 2005. </span><span class="resalto">Profesionales.</span><br />
    <br />
    <br /></td>
    <td width="110"><div align="center"><img src="images/d1.png" alt="" width="50" height="50" /></div></td>
  </tr>
  <tr>
    <td><span class="Titulo">Cuidando el detalle</span><br />
      <br />
      <span class="texto">No sólo ofrecemos diseños originales, también un valor extra: </span><span class="resalto">Funcionalidad.</span><br />
    <br />
    <br /></td>
    <td><div align="center"><img src="images/d2.gif" alt="" width="53" height="46" /></div></td>
  </tr>
  <tr>
    <td><span class="Titulo">Posicionamiento</span><br />
      <br />
      <span class="texto">Trabajamos pensando en buscadores. Optimizamos tu web en </span><span class="resalto">buscadores.</span><br />
    <br />
    <br /></td>
    <td><div  align="center"><img src="images/d3.png" alt="" width="40" height="40" /></div></td>
  </tr>
  <tr>
    <td><span class="Titulo">Diseños originales</span><br />
      <br />
      <span class="texto">Nada de templates o gestores de contenido. <br />
      </span><span class="resalto">Diseño 100% Original.<br />
      <br />
      </span><br /></td>
    <td><div align="center"><img src="images/d4.png" alt="" width="60" height="60" /></div></td>
  </tr>
  <tr>
    <td><span class="Titulo">Plazos de Entrega </span><br />
      <br />
      <span class="texto">Contrátanos y comprueba nuestro compromiso; </span><span class="resalto">Cumplimos los plazos.</span><br />
      <br />
    <br /></td>
    <td><div align="center"><img src="images/d5.png" alt="" width="47" height="47" /></div></td>
  </tr>
</table>
</div> 
<!------------  FIN BARRA DERECHA  -------------->
        
</div>



</body>

</html> 
  #3 (permalink)  
Antiguo 01/08/2011, 07:46
Avatar de infiero  
Fecha de Ingreso: marzo-2006
Mensajes: 38
Antigüedad: 18 años
Puntos: 3
Respuesta: Problema en ie

alguna ayuda?

Etiquetas: contenido, css, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:39.