Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/08/2011, 05:27
miriamgomez
 
Fecha de Ingreso: abril-2008
Mensajes: 348
Antigüedad: 16 años, 7 meses
Puntos: 1
Diferencian "visuales en dintintos navegadores

Hola:

Tengo el siguiente problema: es una simple hoja de estilo que detallo a continuacion:

Código CSS:
Ver original
  1. * {margin:0px ; padding:0px ; border: 0px}
  2. body {background-color:#fbb615; color:; text-align: center ; float:center ;}
  3. #global {
  4.     background-color: #000000;
  5.     width:1000px;
  6.     margin:4px auto;
  7.     align:center;}
  8. #cabecera{
  9.     width: 1000px;
  10.     background-image: url(objetos/sup.jpg);
  11.     height: 30px;}
  12. #centro{
  13.     width: 1000px;
  14.     background-image: url(objetos/cen.jpg);
  15.     background-repeat: repeat-y;}
  16. #logotipo{
  17.     width: 960px;
  18.     text-align: center;
  19.     background-color: #00FF77;}
  20. #pie{
  21.     width: 1000px;
  22.     background-image: url(objetos/inf.jpg);
  23.     height: 38px;}

Luego utilizo el siguiente codigo:
Código HTML:
Ver original
  1. <div id="global">
  2. <div id="cabecera"></div>
  3. <div id="centro">
  4. <div id="logotipo">logotipo</div>
  5. </div>
  6. <div id="pie"></div>
  7. </div>
  8. </body>

Pues bien, en el ie se ve correctamente, la barra del logotipo se ve centrada, pero en el firefox la misma barra sale desplazada a la izquierda