Foros del Web » Creando para Internet » CSS »

problema con div en internet explorer6

Estas en el tema de problema con div en internet explorer6 en el foro de CSS en Foros del Web. Hola tengo el problema que el no se queda alineado con el de la izquierda div se baja en internet explorer 6 por favor alguien ...
  #1 (permalink)  
Antiguo 27/11/2010, 14:14
 
Fecha de Ingreso: junio-2010
Mensajes: 183
Antigüedad: 7 años, 6 meses
Puntos: 1
problema con div en internet explorer6

Hola tengo el problema que el no se queda alineado con el de la izquierda div se baja en internet explorer 6
por favor alguien me puede ayudar es urgente?


http://www.unimax.es./pruebas/jofretpruebaweb.html
  #2 (permalink)  
Antiguo 28/11/2010, 09:11
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: problema con div en internet explorer6

no se pide ayuda por MP, si no te contestan es que no has dado la suficiente informacion, o simplemente no les apetece ya que no es una obligacion, ademas que no todos contamos con IE6... yo no lo tengo, pero viendo el sitio intenta

#pro{float:left;width:230px;}
  #3 (permalink)  
Antiguo 30/11/2010, 18:08
Avatar de SPAWN3000  
Fecha de Ingreso: marzo-2008
Ubicación: Bogota
Mensajes: 858
Antigüedad: 9 años, 9 meses
Puntos: 15
Respuesta: problema con div en internet explorer6

Busca en tu archivo de estilos este codigo:

Código:
div#productosizquierda{
	float:left;
	width:230px;
	background:#FFF;
}
Y cambialo por esto:

Código:
div#productosizquierda{
	float:left;
	width:220px;
	background:#FFF;
}
Ahora, como una buena practica, crea un archivo reset.css y adicionale este codigo:

Código:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, 
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; 
font-size: 100%; font-family: inherit; vertical-align: baseline;
}:focus { outline:0;}
body {line-height:1; color:black; background:white;}
ol,ul { list-style:none;}
table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
Y ahora adicionalo de la siguiente manera, dejando primero el archivo reset.css:
Código:
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/estiloscss.css"/>
Por cierto seria mejor si lo colocaras asi, pero total es tu gusto y tu diseno.
Código:
div#productosizquierda{
	float:left;
	width:220px;
	background:#FFF;
	padding-top:33px
}

Como acto final:
Te anconsejo instalar un pluggin de firefox llamado WebDeveloper y utilizar la herramienta de ver CSS/ver informacion de estilos.

Saludos, me cuentas si funciono o no. Ya que no se que version de Iexplorer utilizas, en el mio quedo bien.


Un saludo,

Última edición por SPAWN3000; 30/11/2010 a las 18:24

Etiquetas: explorer, internet
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 10:22.