Foros del Web » Creando para Internet » CSS »

Problema con DIV en Firefox

Estas en el tema de Problema con DIV en Firefox en el foro de CSS en Foros del Web. Amigos otro problema que tengo: Tengo una página de login. Cuenta con una cabecera y el cuerpo que es un formulario donde se ingersa user ...
  #1 (permalink)  
Antiguo 18/03/2005, 09:13
Usuario no validado
 
Fecha de Ingreso: agosto-2003
Ubicación: Lima
Mensajes: 50
Antigüedad: 14 años, 4 meses
Puntos: 0
Problema con DIV en Firefox

Amigos otro problema que tengo:

Tengo una página de login. Cuenta con una cabecera y el cuerpo que es un formulario donde se ingersa user y password. Antes era una tabla, ahora uso divs, como debe ser.

En mi html tengo algo asi:

<div align=center id=contenedor>
<div id=header>Sistema de Informaci&oacute;n del COES SINAC - SICOES</div>
</div>

Y el correspondiente CSS:

#contenedor {margin-top: 8%;}
#header {text-align:left; width:300px; height: 32px; border:1px solid #00F; background-color:#0030ce; padding:8px 0px 0px 10px; font-family:Tahoma; font-weight:bold; font-size:11px; color:#FFF;}

Cuando visualizo esta cabecera en Internet Explorer 6.0 SP1 y en Opera 7.54v2 lo observo muy bien. En cambio, en Firefox 1.0.1 sale distorsionado, los márgenes se pierden.

Ayudenme por favor.

CHRISTIAN
  #2 (permalink)  
Antiguo 18/03/2005, 11:32
 
Fecha de Ingreso: marzo-2005
Mensajes: 74
Antigüedad: 12 años, 8 meses
Puntos: 0
Hola

Posiblemente no tengas definido un DOCTYPE prueba a poner al principio del codigo HTML alguno de estos DOCTYPE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/DTD/strict.dtd">

Debes ponerlo antes del tag <HTML>.

No recuerdo la direrencia entre uno y otro pero hacen que se vea igual en IE y en FF.

Salu2
KAYETANO
  #3 (permalink)  
Antiguo 18/03/2005, 17:28
 
Fecha de Ingreso: enero-2005
Mensajes: 265
Antigüedad: 12 años, 11 meses
Puntos: 1
Quizás cambiando "padding:8px 0px 0px 10px;" por "padding:8px 0 0 10px;" (0 no tiene unidad)
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 19:40.