Hola:
Tengo el problema que en firefox se me ve el fondo centrado pero el texto y la cabecera se me ven a la izaquierda, fuera del fondo. y obviamente queda feisimo.
Index.html
<body>
<div id="cabecera">
[contenido no disponible]
</div>
<div id="cuerpo">
<p class="Estilo1">Cárnicas Hnos. Giaquinta es una empresa familiar instalada en Soria desde el año 1970. Comenzó con una Carnicería en pleno centro Soriano, pero al poco tiempo se tuvo que instalar otra para poder hacer frente a la gran demanda. </p>
<p class="estilo1">En los años ochenta Carnicas Hnos. Giaquina S. L. comienza a elaborar sus productos y distribuirlos a los bares, restaurantes y hoteles Sorianos. El negocio fue en aumento y se empezo a vender a pueblos de Soria y provincias cercanas; y en el año 2000 abre una nave industral en el Polingo de Las Casas; además de seguir contando con 2 carnicerías en el centro de Soria.</p>
<p class="estilo1">Hoy en día Carncias Hnos. Giaquinta, sigue siendo un negocio familiar, pero cuenta además con una plantilla de 30 excelentes empleados que hacen día a día los productos que usted puede disfrutar en su mesa, o en algun bar.</p>
<p class="estilo1">Si desea hacer algun pedido, o realizar alguna consulta en esta página tiene todo lo que necesita</p>
<h1>Nuestros Productos</h1>
<a class="enlaceuno" href="http://www.eldesbarajuste.es/carnicas/comopedir.html">
<h1>¿Como pedir?</h1>
</a>
<table width="1000">
<tr>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
</tr>
<tr>
<td>[contenido no disponible]</td>
<td><div align="center">[contenido no disponible]</div></td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td><div align="center">[contenido no disponible]</div></td>
</tr>
</table>
</div>
</p>
</body>
Estilo.css
body {
text-align: center;
background-repeat: no-repeat;
background-position: center;
background-image: url(objetos/fondo.JPG);
}
a.enlaceuno {
color:#981039;
font-family: "Comic Sans MS";
font-size: 24px;
text-decoration:none
}
a.enlaceuno:link {}
a.enlaceuno:visited {}
a.enlaceuno:hover {
color:#0E2B89;
font-family: "Comic Sans MS";
font-size: 24px;
}
.estilo2 {
font-family: "Comic Sans MS";
font-size: 36px;
color: #981039;
}
.Estiloh2 {
font-family: "Comic Sans MS";
font-weight: bold;
font-size: 18px;
color:#981039;
text-align: center;
}
#cabecera {
width:1024px
}
#cuerpo {
width:1024px;
}
#pie {
width:1024px
}
.Estilo1 {
font-family: "Comic Sans MS";
font-size: 16px;
color:#0E2B89;
text-align: left;
margin-left: 10px;
}
a img
{
border: none;
}
Tengo el problema que en firefox se me ve el fondo centrado pero el texto y la cabecera se me ven a la izaquierda, fuera del fondo. y obviamente queda feisimo.
Index.html
<body>
<div id="cabecera">
[contenido no disponible]
</div>
<div id="cuerpo">
<p class="Estilo1">Cárnicas Hnos. Giaquinta es una empresa familiar instalada en Soria desde el año 1970. Comenzó con una Carnicería en pleno centro Soriano, pero al poco tiempo se tuvo que instalar otra para poder hacer frente a la gran demanda. </p>
<p class="estilo1">En los años ochenta Carnicas Hnos. Giaquina S. L. comienza a elaborar sus productos y distribuirlos a los bares, restaurantes y hoteles Sorianos. El negocio fue en aumento y se empezo a vender a pueblos de Soria y provincias cercanas; y en el año 2000 abre una nave industral en el Polingo de Las Casas; además de seguir contando con 2 carnicerías en el centro de Soria.</p>
<p class="estilo1">Hoy en día Carncias Hnos. Giaquinta, sigue siendo un negocio familiar, pero cuenta además con una plantilla de 30 excelentes empleados que hacen día a día los productos que usted puede disfrutar en su mesa, o en algun bar.</p>
<p class="estilo1">Si desea hacer algun pedido, o realizar alguna consulta en esta página tiene todo lo que necesita</p>
<h1>Nuestros Productos</h1>
<a class="enlaceuno" href="http://www.eldesbarajuste.es/carnicas/comopedir.html">
<h1>¿Como pedir?</h1>
</a>
<table width="1000">
<tr>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
</tr>
<tr>
<td>[contenido no disponible]</td>
<td><div align="center">[contenido no disponible]</div></td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td><div align="center">[contenido no disponible]</div></td>
</tr>
</table>
</div>
</p>
</body>
Estilo.css
body {
text-align: center;
background-repeat: no-repeat;
background-position: center;
background-image: url(objetos/fondo.JPG);
}
a.enlaceuno {
color:#981039;
font-family: "Comic Sans MS";
font-size: 24px;
text-decoration:none
}
a.enlaceuno:link {}
a.enlaceuno:visited {}
a.enlaceuno:hover {
color:#0E2B89;
font-family: "Comic Sans MS";
font-size: 24px;
}
.estilo2 {
font-family: "Comic Sans MS";
font-size: 36px;
color: #981039;
}
.Estiloh2 {
font-family: "Comic Sans MS";
font-weight: bold;
font-size: 18px;
color:#981039;
text-align: center;
}
#cabecera {
width:1024px
}
#cuerpo {
width:1024px;
}
#pie {
width:1024px
}
.Estilo1 {
font-family: "Comic Sans MS";
font-size: 16px;
color:#0E2B89;
text-align: left;
margin-left: 10px;
}
a img
{
border: none;
}