Cuando visualizo mi web con el Chrome, se me desplaza el div del contenido hacia la izquierda (con el browser del programa de edición de HTML no sucede, se ve perfectamente)
Alguien me puede dar una solución?
la web es:
www.mminteriorisme.com
Muchas gracias
Anirak
Tienes que centrarla .Puedes poner tu hoja de estilos para que te podamos ayudar mejor
Bonita tu web, y en efecto mediante CSS debes centrarla.
Tengo dos hojas, una relativa al menú y otra a la página en general, que es la que viene a continuación. Podeis ver que tengo
a {
color: #FFE237;
text-decoration: none;
}
a.galeria {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #F0E68C;
}
a:hover.galeria {
background-color: #FFE237;
color: #FFFFFF;
}
body {
background-color: #000000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
margin-top: 90px;
text-align: center;
}
font.activo {
background-color: #FFE237;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
img {
border: 0;
}
input {
background-color: #FFFFFF;
border: 0;
width: 177px;
}
input.enviar {
background-color: #FFFFFF;
border: 0;
height: 18px;
width: 80px;
}
table {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
table.contacto {
line-height: 20px;
margin-top: 24px;
}
table.contenido {
color: #FFFFFF;
line-height: 14px;
margin-top: 24px;
text-align: left;
width: 750px;
}
table.contenido2 {
color: #FFFFFF;
line-height: 14px;
text-align: left;
width: 750px;
}
textarea {
background-color: #FFFFFF;
border: 0px;
}
#animacion{
float: right;
margin-top: 20px;
}
#bottomframe {
height: 300px; /*text-align: center; */
width: 100%;
}
#contenedor {
height: 440px;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 750px;
}
#contenido {
background-color: #000000;
clear: both;
height: 300px;
width: 100%;
}
#contenido1 {
background-color: #000000;
float: left;
height: 300px;
width: 340px;
}
#contenido2 {
background-color: #000000;
clear: right;
float: left;
height: 300px;
width: 338px;
}
#direccion {
font-size: 10px;
height: 25px;
line-height: 14px;
padding-top: 6px;
text-align: left;
}
#fotoanuncio {
float: right; /*padding-left: 8px;
margin-left: 3px;*/
font-size: 10px;
}
#fotosomos {
float: right; /*height: 300px;*/
font-size: 10px;
margin-left: 3px;
margin-top: 20px;
padding-left: 8px;
}
#galeria {
float: right;
font-size: 11px;
line-height: 18px;
margin-top: 20px;
text-align: right;
width: 150px;
word-spacing: 15px;
}
#idioma {
float: right;
font-size: 10px;
height: 25px;
line-height: 14px;
padding-left: 20px;
padding-top: 6px;
text-align: right;
width: 80px;
}
#logo {
float: left;
height: 36px;
margin-bottom: 25px;
margin-right: 20px;
width: 270px;
}
#menu {
float: left;
font-size: 11px;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
text-align: left;
}
#textoanuncio {
color: #FFFFFF;
float: left;
font-size: 12px;
height: 300px;
line-height: 16px;
margin-top: 260px;
padding-right: 15px;
text-align: left;
width: 30%;
}
#textosomos {
color: #FFFFFF;
float: left;
font-size: 12px;
height: 280px;
line-height: 16px;
margin-top: 18px;
padding-right: 15px;
text-align: left;
width: 23%;
}
#topframe {
height: 300px; /*text-align: center;*/
width: 100%;
}
MUCHAS GRACIAS POR TODO!!!!
pon el align center en contenedor y prueba si funciona
align: center es un estilo? en el generador de hojas de estilo no me permite esta propiedad. Y aunque la ponga, no sucede nadaaaaa!!! :x me está volviendo loca!!!
Se ve bien con todos los navegadores en vista previa no así en la URL, que extraño? :?
