SitePoint Sponsor

User Tag List

Results 1 to 1 of 1

Thread: Browser problem

  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2005
    Location
    Quito
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Browser problem

    Hi everyone,

    i've a quite extrange problem. i have a design that works in any browser but iexplorer at http://www.eltrompo.net/tekla/quienes_somos.html

    i think the problem is at the line that meets "inicio"

    the codes are
    estilos.css
    Code:
    html {
    	margin:0px;
    	padding:0px 0px 0px 0px;
    }
    
    body {
    	margin:0px;
    	padding:0px;
    	font-family:Arial, Helvetica, sans-serif;
    	text-align:center;
    }
    
    p {
    	padding:20px 35px 0px 25px;
    	font-size:14px;
    	text-align:justify;
    	/* color:#C7C7C7;
    	color: #999999; */
    	color: #666666;
    }
    
    .central {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 800px;
    text-align: left;
    }
    
    .fondo_izquierdo {
    	width:234px;
    	height:auto;
    	background-image:url(imagenes/fondo_izquierdo.gif);
    	background-repeat:repeat-y;
    }
    
    .fondo_superior {
    	width:371px;
    	height:157px;
    	background-image:url(imagenes/fondo_superior.gif);
    	background-repeat:repeat-x;
    }
    
    .fondo_logo {
    	width:195px;
    	height:157px;
    	background-image:url(imagenes/logo.gif);
    	background-repeat:no-repeat;
    }
    
    .fondo_union {
    	width:234px;
    	height:157px;
    	background-image:url(imagenes/fondo_union.gif);
    	background-repeat:no-repeat;
    }
    
    .fondo_derecho {
    	background-image:url(imagenes/fondo_derecho.gif);
    	background-repeat:repeat-y;
    }
    
    .union_inferior_derecha {
    	width:34px;
    	height:34px;
    	background-image:url(imagenes/union_inferior_derecha.gif);
    	background-position:bottom;
    	background-repeat:no-repeat;
    }
    
    .union_inferior_izquierda {
    	background-image:url(imagenes/union_inferior_izquierda.gif);
    	height:34px;
    	background-position:bottom;
    	background-repeat:no-repeat;
    }
    
    .fondo_inferior {
    	padding-top:10px;
    	background-image:url(imagenes/fondo_inferior.gif);
    	height:34px;
    	background-position:bottom;
    	background-repeat:repeat-x;
    }
    
    .borde_superior {
    	background-image:url(imagenes/borde_superior.gif);
    	background-position:top left;
    	background-repeat:no-repeat;
    }
    
    .borde_inferior {
    	width: auto;
    	height: 74px;
    	background-image:url(imagenes/borde_inferior.gif);
    	background-position:bottom right;
    	background-repeat:no-repeat;
    }
    
    .lista_menu {
    	width:auto;
    	height:40px;
    	list-style:none;
    	margin:0px;
    	padding:0px;
    	background-image:url(imagenes/lista_menu.gif);
    	background-repeat:no-repeat;
    	font-size:14px;
    	color:#FFFFFF;
    }
    
    .lista_menu_over {
    	width:auto;
    	height:40px;
    	list-style:none;
    	margin:0px;
    	padding:0px;
    	background-image:url(imagenes/lista_menu_over.gif);
    	background-repeat:no-repeat;
    	font-size:14px;
    	color:#000000;
    }
    
    a.link_menu:link, a.link_menu:visited{
    	font-size:14px;
    	color:#FFFFFF;
    	text-decoration:none;
    }
    a.link_menu:hover, a.link_menu:linkactive {
    	text-decoration:underline;
    }
    
    a.link_navegacion:link, a.link_navegacion:visited{
    	padding:0px 0px 0px 20px;
    	background-image:url(imagenes/lista_navegacion.gif);
    	background-repeat:no-repeat;
    	font-size:12px;
    	color:#000000;
    	text-decoration:none;
    }
    a.link_navegacion:hover, a.link_navegacion:active {
    	text-decoration:underline;
    }
    
    .k {
    	color: #FF690A;
    }
    and quienes_somos.html
    Code:
     
    <!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=iso-8859-1" />
    <meta name="author" content="ivan[at]eltrompo.net" />
    <title>TEKLA - &iquest;qui&eacute;nes somos?</title>
    <link href="estilo.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    <div class="central">
    <table width="800" height="600" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td class="fondo_union">&nbsp;</td>
        <td class="fondo_superior">&nbsp;</td>
        <td colspan="3" class="fondo_logo">&nbsp;</td>
      </tr>
      <tr>
        <td rowspan="2" class="fondo_izquierdo"><ul>
          <li class="lista_menu_over">&nbsp;&nbsp;&iquest;qui&eacute;nes somos?</li>
          <li class="lista_menu">&nbsp;<a href="nuestros_servicios.html" class="link_menu">nuestros servicios</a></li>
          <li class="lista_menu"><a href="nuestras_garantias.html" class="link_menu">nuestras garant&iacute;as</a></li>
          <li class="lista_menu">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="contactenos.html" class="link_menu">cont&aacute;ctenos</a></li>
        </ul></td>
        <td colspan="3" class="borde_superior">
    	<p> Somos una empresa especializada en el dise&ntilde;o, implementaci&oacute;n y seguimiento de estrategias de comunicaci&oacute;n y relaciones p&uacute;blicas.  </p>
    	<p> Somos un grupo de profesionales multidisciplinarios con amplia experiencia en el mercado. </p>
    	<p> Desarrollamos una metodolog&iacute;a de trabajo &uacute;nica para cada uno de  nuestros clientes, con quienes buscamos entablar una relaci&oacute;n a largo  plazo, aspirando convertirnos en el aliado estrat&eacute;gico en temas de  comunicaci&oacute;n. </p></td>
        <td rowspan="2" class="fondo_derecho">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="3" class="borde_inferior">&nbsp;</td>
      </tr>
      <tr>
        <td class="union_inferior_izquierda">&nbsp;</td>
        <td class="fondo_inferior"><img src="imagenes/linea.gif" width="100%" height="25" /></td>
        <td width="81" class="fondo_inferior"><img src="imagenes/linea.gif" width="100%" height="25" /></td>
        <td width="80" class="fondo_inferior">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.html" class="link_navegacion">inicio</a>
    	<br />&nbsp;
    	</td>
        <td class="union_inferior_derecha">&nbsp;</td>
      </tr>
    </table>
    </div>
    </body>
    </html>
    any help will be welcome

    thank in advance

    ivan
    Last edited by ivanp; Jul 21, 2006 at 08:49.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •