Hola:
Tengo el siguiente problema: es una simple hoja de estilo que detallo a continuacion:
* {margin:0px ; padding:0px ; border: 0px}
body {background-color:#fbb615; color:; text-align: center ; float:center ;}
#global {
background-color: #000000;
width:1000px;
margin:4px auto;
align:center;}
#cabecera{
width: 1000px;
background-image: url(objetos/sup.jpg);
height: 30px;}
#centro{
width: 1000px;
background-image: url(objetos/cen.jpg);
background-repeat: repeat-y;}
#logotipo{
width: 960px;
text-align: center;
background-color: #00FF77;}
#pie{
width: 1000px;
background-image: url(objetos/inf.jpg);
height: 38px;}
Luego utilizo el siguiente codigo:
<body>
<div id="global">
<div id="cabecera"></div>
<div id="centro">
<div id="logotipo">logotipo</div>
</div>
<div id="pie"></div>
</div>
</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
[contenido no disponible]
Tengo el siguiente problema: es una simple hoja de estilo que detallo a continuacion:
* {margin:0px ; padding:0px ; border: 0px}
body {background-color:#fbb615; color:; text-align: center ; float:center ;}
#global {
background-color: #000000;
width:1000px;
margin:4px auto;
align:center;}
#cabecera{
width: 1000px;
background-image: url(objetos/sup.jpg);
height: 30px;}
#centro{
width: 1000px;
background-image: url(objetos/cen.jpg);
background-repeat: repeat-y;}
#logotipo{
width: 960px;
text-align: center;
background-color: #00FF77;}
#pie{
width: 1000px;
background-image: url(objetos/inf.jpg);
height: 38px;}
Luego utilizo el siguiente codigo:
<body>
<div id="global">
<div id="cabecera"></div>
<div id="centro">
<div id="logotipo">logotipo</div>
</div>
<div id="pie"></div>
</div>
</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
[contenido no disponible]