Foros del Web » Creando para Internet » CSS »

no se ve bien en explorer

Estas en el tema de no se ve bien en explorer en el foro de CSS en Foros del Web. tengo esta maqueta Código: <!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" /> <meta name="keywords" content="comercio electronico comercio ...
  #1 (permalink)  
Antiguo 04/09/2009, 23:57
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 22 años, 10 meses
Puntos: 20
no se ve bien en explorer

tengo esta maqueta

Código:
<!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" />

<meta name="keywords" content="comercio electronico

comercio en internet, comercio por internet, desarrollo web, marketing por internet, paginas web, vender por internet, mercadeo, pagina web, paginas web, portales corporativos, crm, ventas por internet" />

<meta name="distribution" content="Global" />

<meta name="category" content="Informática, Internet" />

<meta name="language" content="es" />

<meta name="identifier-url" content="http://www.crmbusiness.biz/persuasivo" />

<meta name="reply-to" content="[email protected]" />

<meta name="copyright" content="2009 (c) CRM Business" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta name="resource-type" content="document" />

<meta name="robots" content="all" />

<meta name="revisit-after" content="2" />

<title>CRM Business, Soluciones integrales en mercadeo y comercio electronico</title>

<link href="styles.css" rel="stylesheet" type="text/css" />

</head>



<body>

<div class="fondo"></div>

<div class="texto">

  <div class="negrilla">APROVECHE LAS VENTAJAS QUE OFRECE INTERNET Y LOS MEDIOS ELECTRONICOS PARA AUMENTAR LA RENTABILIDAD DE SU EMPRESA!!!! </div>

 <div class="contenido">

   <p>En CRM Business Group ponemos a su disposici&oacute;n el equipo humano y la tecnolog&iacute;a necesarios para garantizar calidad y funcionalidad en la estrategia de comercio y promoci&oacute;n que usted seleccione, con la cual se optimizar&aacute;n los procesos internos de su empresa.</p>

   <ul>

     <li> Acceda al mundo virtual de manera efectiva contando con soporte oportuno y asesor&iacute;a permanente en las &aacute;reas de marketing y comercio electr&oacute;nico.</li>

     <li>Aplique el concepto de fidelizaci&oacute;n para los clientes actuales e incursione en la apertura de mercados virtuales y segmentos de mercados f&iacute;sicos inexplorados.<br />

      <li>Optimice los procesos y reduzca el tiempo ocioso a trav&eacute;s de nuestro outsourcing aumentando la rentabilidad de su empresa.</li>

   </ul>

   <p>Desarrollamos soluciones integrales para que su empresa pueda proyectar ideas a trav&eacute;s de un medio masivo y logre mayor cobertura en el mercado desde su sitio web. Parte del proceso inicial se lleva a cabo a trav&eacute;s del portal corporativo que nos permite proyectar la imagen de la compa&ntilde;&iacute;a con mayor respaldo.<br />

     Para lograrlo le ofrecemos:<br />

   </p>

   <p>&bull; <strong>ASESORIA Y CONSULTOR&Iacute;A INTEGRAL EN MERCADEO:</strong> Posicionamiento de productos. Fidelizaci&oacute;n de clientes.</p>

   <p>&bull; <strong>SOLUCIONES EN COMERCIO ELECTR&Oacute;NICO:</strong>Desarrollo y administraci&oacute;n de sitios web que hagan las veces de una oficina virtual. Sitios web para comercio electr&oacute;nico.</p>

   <p><strong>&bull; ADMINISTRACION DE IMAGEN: </strong>Manejo de imagen corporativa.</p>

   <p>&bull;<strong> OUTSOURCING LABORAL.</strong></p>

   <p>&bull;<strong> DESARROLLO MULTIMEDIA.</strong></p>

   <p>&bull; <strong>SOLUCIONES EN SISTEMAS Y SERVICIOS DE RED:</strong> Desarrollo de software a la medida. Soluciones en sistemas de informaci&oacute;n, Automatizaci&oacute;n de Procesos.</p>

   <p>&bull;<strong> ESTRUCTURA PARA SOLUCIONES MOVILES:</strong> Sistemas de envio de mensajes de texto, SMS, Plataformas Blue Tooth, Feedback, Concursos, entre otros.</p>

   <p>Al poner a su disposici&oacute;n un equipo de profesionales altamente capacitados logramos que su compa&ntilde;&iacute;a obtenga un mejor desarrollo en el mercado y acceda al mundo virtual de manera efectiva.<br />

   </p>

   <p>Sabemos que usted est&aacute; interesado en mejorar sustancialmente sus negocios, no dude en dejarnos sus datos y al contactarle le diremos como usted tambi&eacute;n puede lograrlo.<br />

   </p>

   <p>Siga el ejemplo de otras empresas que ya se han vinculado con CRM Business Group y han visto resultados en nuestra estrategia sin preocuparse por la implementaci&oacute;n y a un muy bajo costo. </p>

 </div>

 <div class="contactenos">!Cont&aacute;ctenos&iexcl;</div>

</div>

<div class="texto_derecha">
<div class="facebook"><script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif) no-repeat top right; text-decoration:none; } </style> <a href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;">Compartir</a></div>
  <div class="negrilla">

    <p>Dejenos sus Datos y lo Contactar&eacute;mos </p>

	<div class="marco_top"></div>

	<div class="cuadro_ground">

	<div class="tabla"><form action="envia.php" method="post" enctype="application/x-www-form-urlencoded">

	  <table width="94%" border="0" cellspacing="0" cellpadding="0">

        <tr>

          <td>Empresa</td>

          <td><label>

            <input name="empresa" type="text" id="empresa" />

          </label></td>

        </tr>

        <tr>

          <td>NIT</td>

          <td><label>

            <input name="nit" type="text" id="nit" />

          </label></td>

        </tr>

        <tr>

          <td>Nombres</td>

          <td><label>

            <input name="nombres" type="text" id="nombres" />

          </label></td>

        </tr>

        <tr>

          <td>Apellidos</td>

          <td><label>

            <input name="apellidos" type="text" id="apellidos" />

          </label></td>

        </tr>

        <tr>

          <td>Email</td>

          <td><label>

            <input name="email" type="text" id="email" />

          </label></td>

        </tr>

        <tr>

          <td>Ciudad</td>

          <td><label>

            <select name="ciudad" id="ciudad">

              <option value="Cali">Cali</option>

              <option value="Bogota">Bogota</option>

              <option value="Medellin">Medellin</option>

              <option value="Otra Cudad">Otra Ciudad</option>

            </select>

          </label></td>

        </tr>

        <tr>

          <td>Otra Ciudad (especifique) </td>

          <td><label>

            <input type="text" name="otra_ciudad" />

          </label></td>

        </tr>

        <tr>

          <td>Telefono Fijo </td>

          <td><label>

            <input name="fijo" type="text" id="fijo" />

          </label></td>

        </tr>

        <tr>

          <td>Telefono Celular </td>

          <td><label>

            <input name="celular" type="text" id="celular" />

          </label></td>

        </tr>

        <tr>

          <td>Su empresa &iquest;tiene pagina web? </td>

          <td><label>

            <select name="tiene_web" id="tiene_web">

              <option value="Si">Si</option>

              <option value="No">No</option>

              <option value="No sabe">No sabe</option>

            </select>

          </label></td>

        </tr>

        <tr>

          <td>Si tiene, &iquest;Cual es la direcci&oacute;n? </td>

          <td><label>

            <input name="web" type="text" id="web" value="http://" />

          </label></td>

        </tr>

        <tr>

          <td>La necesidad que tiene su empresa es: </td>

          <td><label>

            <textarea name="need" cols="30" rows="15" id="need"></textarea>

          </label></td>

        </tr>

        <tr>

          <td>&nbsp;</td>

          <td>&nbsp;</td>

        </tr>

        <tr>

          <td>Autorizo a CRM Business para que me envie informacion de productos por correo electronico</td>

          <td><label>

            <input name="autorizo_info" type="checkbox" id="autorizo_info" value="1" />

          </label></td>
__________________
Say no more.......
  #2 (permalink)  
Antiguo 04/09/2009, 23:58
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 22 años, 10 meses
Puntos: 20
Respuesta: no se ve bien en explorer

Código:
        </tr>

        <tr>

          <td>&nbsp;</td>

          <td>&nbsp;</td>

        </tr>

        <tr>

          <td>Certifico que estoy interesado en alguno de sus servicios y autorizo que me contacten por cualquier medio de los dispuestos en este formulario</td>

          <td><label>

            <input name="contacto" type="checkbox" id="contacto" value="1" />

          </label></td>

        </tr>

        <tr>

          <td>&nbsp;</td>

          <td>&nbsp;</td>

        </tr>

        <tr>

          <td colspan="2"><div align="center">Una copia de este formulario sera enviada de manera automatica a su correo electronico como constancia de su interes en nuestros servicios.</div></td>

          </tr>

        <tr>

          <td>&nbsp;</td>

          <td>&nbsp;</td>

        </tr>

        <tr>

          <td colspan="2"><label>

            <div align="center">

              <input type="submit" name="Submit" value="Enviar Formulario" />

              </div>



          </label></td>

          </tr>

      </table>

	</form></div>

	<div class="tabla_bottom"></div>

	</div>

  </div>

  <div class="bottom">

  <div id="texto_bot">

    <p>&nbsp;</p>

    <ul>

      <li>CRM BUSINESS</li>

      <li>Internet &amp; Marketing Solutions</li>

      <li>Portal Corporativo</li>

      <li><a href="http://www.crmbusiness.biz">htp://www.crmbusiness.biz</a>  </li>

      <li>Tel&eacute;fono: ++572 485 4564</li>

      <li>CALI COLOMBIA </li>

      </ul>

    </div>

  </div>

</div>

<!-- Google Code for Conversion CRM Conversion Page -->

<script language="JavaScript" type="text/javascript">

<!--

var google_conversion_id = 1032678369;

var google_conversion_language = "es";

var google_conversion_format = "1";

var google_conversion_color = "ffffff";

var google_conversion_label = "h81ECPXqpAEQ4de17AM";

if (1000.0) {

  var google_conversion_value = 1000.0;

}

//-->

</script>

<script language="JavaScript" src="http://www.googleadservices.com/pagead/conversion.js">

</script>

<noscript>

<img height="1" width="1" border="0" src="http://www.googleadservices.com/pagead/conversion/1032678369/?value=1000.0&amp;label=h81ECPXqpAEQ4de17AM&amp;guid=ON&amp;script=0"/>

</noscript>

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

try {

var pageTracker = _gat._getTracker("UA-8852713-1");

pageTracker._trackPageview();

} catch(err) {}</script>

</body>

</html>
__________________
Say no more.......
  #3 (permalink)  
Antiguo 05/09/2009, 00:00
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 22 años, 10 meses
Puntos: 20
Respuesta: no se ve bien en explorer

y esto son los estilos

Código:
a {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px

	color:#FFFFFF;

	text-decoration:none;

}

a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px

	color:#FFFFFF;

	text-decoration:underline;

}

.fondo {

	background-image: url(images/top_ground.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	margin-top:0px;

	margin-left:0px;

	width:1024px;

	height: 175px;

}

.texto {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	float: left;

	height: auto;

	width: 488.5px;

	padding-top: 50px;

}



.negrilla {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	text-align:center;

	margin-left:20px;

}

.contenido {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	top:10px;

	clear:both;

	text-align:justify;

	margin-left:20px;

}

.contactenos {

	font-size: 36px;

	font-weight: bold;

	color: #FFFFFF;

	background-image: url(images/contactenos.jpg);

	height:60px;

	background-repeat: no-repeat;

	text-align:center;

	margin-left:20px;

	

}

.texto_derecha {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	float: left;

	height: auto;

	width: 520px;

	padding-top: 0px;

}.marco_top {

	background-image: url(images/marco_top.jpg);

	background-repeat: no-repeat;

	width:498px;

	height:26px;

}

.cuadro_ground {

	background-image: url(images/arco_ground.jpg);

	background-repeat: repeat-y;

	width:498px;

	height:auto;

	

}

.tabla {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	width:489px;

	height:auto;

	margin-left:10px;

}

.cuadros {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	background-image: url(images/text_box.jpg);

	background-repeat: no-repeat;

}

.tabla_bottom {

	background-image: url(images/marco_bottom.jpg);

	background-repeat: no-repeat;

	width:498px;

	height:26px;

}

.bottom {

	background-image: url(images/bottom_ground.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

	margin-bottom:0px;

	margin-right:0px;

	width:520px;

	height:164px;

}

#texto_bot {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #FFFFFF;

	text-align:right;



	}
.facebook {
	font-family: Arial, Helvetica, sans-serif;
	}
en firefox se ve bien pero en explorer no, la verdad no he poido entender bien cual es la diferencia de maquetar para ie y para el resto de navegadores, alguien me puede ayudar a solucionarlo? el sitio esta en http://www.crmbusiness.biz/persuasivo
__________________
Say no more.......
  #4 (permalink)  
Antiguo 05/09/2009, 05:06
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: no se ve bien en explorer

Yo lo veo razonablemente igual en ff e ie7 (en una resolución de 1280*800)

Supongo que el problema que no dices, será que en resoluciones menores la columna de la derecha se va para abajo.

Si fuese eso, envuelve todo el contenido en una caja y dale un ancho suficiente para que quepan las dos columnas.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 05/09/2009, 07:23
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 22 años, 10 meses
Puntos: 20
Respuesta: no se ve bien en explorer

kseso mira que lo testeo con browsershots.org y para ie me lo sigue mostrando en una sola columna, y ya le construi el contenedor con 1023 px de anchoy las columnas centrales una tiene 488.5 px y la otra 520px sumando 1008.5 px por lo que asumo no tendria porque enviar la columna hacia abajo, que puede estar pasando?
__________________
Say no more.......
  #6 (permalink)  
Antiguo 05/09/2009, 07:50
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: no se ve bien en explorer

En ie7 sobre vi$ta lo veo uno junto al otro. Recarga y limpia caché y temporales.
Por cierto, ¿qué versión de ie?

No obstante, recuerda que cada navegador asigna unos valores por defecto a cada elemento. Valores que son distintos de una a otro.
Para evitar los problemas derivados de ello, se suele poner a cero el css (reset css).
Quizás si añades al inicio de tu css lo siguiente:
Cita:
* {
border:0;
margin:0;
outline: none;
padding:0;
}
Pero seguramente después de hacerlo, tengas que definir expresamente alguno de ellos en algún elemento.

También tienes que tener presente que el modelo de caja de ie no es el estándar.

Y si fuese en ie6, puedes flotar la columna de la derecha a la derecha y darle un "margin-left:-5px"

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #7 (permalink)  
Antiguo 05/09/2009, 11:27
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 22 años, 10 meses
Puntos: 20
Respuesta: no se ve bien en explorer

muchas gracias kseso la solucion fue ta y como me la dijiste

hice una hoja para ie

añadiendole

[cuote]
* {
border:0;
margin:0;
outline: none;
padding:0;
}
[/cutote]

y modificando este estilo

[quote]
.texto_derecha {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
float: right;
height: auto;
width: 520px;
padding-top: 0px;
margin-left: -5px;
[/cuote]

y lo llamo de la siguiente manera en el index

Código:
<link href="styles.css" rel="stylesheet" type="text/css" />
<!--[if gte IE 6]> 
	<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

Dejo la solucion por si a alguien mas le sirve
__________________
Say no more.......
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 08:27.