Buenas a todos estando en clase de diseño web
Debemos diseñar una hoja de estilos css para xml
El problema consta de que el div principal solo se alinea al centro en firefox
En opera y en internet explorer 7 , no me sale.
Lo he intentado usando un tex-align: center en el body y nada
codigo del css lo dejo aqui.
Gracias de antemano
Codigo del css:
Código:
*{
margin: 0 auto;
padding: 0;
background: #666666;
}
body{
text-align:center;
margin:0 auto;
}
curriculum{
width: 700px;
margin: 0 auto;
}
datos-personales{
text-align: right;
width: 480px;
margin: 0px 100px 20px 100px;
background: ;
float: left;
color: #FFFFFF;
padding-top: 40px;
background: #000000 url(./img/person.jpg) no-repeat;
}
titulaciones{
text-align: right;
width: 480px;;
margin: 0px 100px 20px 100px;
background: ;
float: left;
color: #FFFFFF;
padding-top: 40px;
background: #000000 url(./img/titulaciones.gif) no-repeat;
}
experencias{
text-align: right;
width: 480px;
margin: 0px 100px 20px 100px;
background: ;
float: left;
color: #FFFFFF;
padding-top: 40px;
background: #000000 url(./img/experencias.gif) no-repeat;
}
/*Personales*/
nombre{
font: small-caps;
color: #CCCCCC;
width: 480px;
height: 25px;
float: left;
border-bottom: #FFFFFF 1px dashed;
background: url(./img/nombre.gif) no-repeat;
}
fecha{
font: small-caps;
color: #CCCCCC;
width: 480px;
float: left;
border-bottom: #FFFFFF 1px dashed;
background: url(./img/cumple.gif) no-repeat;
}
domicilio{
font: small-caps;
color: #CCCCCC;
width: 480px;
float: left;
border-bottom: #FFFFFF 1px dashed;
background: url(./img/direccion.gif) no-repeat;
}
telefono{
font: small-caps;
color: #CCCCCC;
width: 480px;
float: left;
background: url(./img/tlf.gif) no-repeat;
}/*Profesionales*/
titulo{
font: small-caps;
color: #CCCCCC;
width: 480px;
height: 25px;
float: left;
border-bottom: #FFFFFF 1px dashed;
background: url(./img/titulo.gif) no-repeat;
}
especialidad{
font: small-caps;
color: #CCCCCC;
width: 480px;
height: 25px;
float: left;
border-bottom: #FFFFFF 1px dashed;
background: url(./img/espe.gif) no-repeat;
}
centro{
font: small-caps;
color: #CCCCCC;
width: 480px;
float: left;
border-bottom: #FFFFFF 3px solid;
background: url(./img/centro.gif) no-repeat;
}
fecha-com{
font: small-caps;
color: #CCCCCC;
width: 480px;
border-bottom: #FFFFFF 1px dashed;
float: left;
background: url(./img/com.gif) no-repeat;
}
fecha-fin{
font: small-caps;
color: #CCCCCC;
width: 480px;
float: left;
border-bottom: #FFFFFF 1px dashed;
background: url(./img/fin.gif) no-repeat;
}
empresa{
font: small-caps;
color: #CCCCCC;
width: 480px;
border-bottom: #FFFFFF 1px dashed;
float: left;
height: 25px;
background: url(./img/empre.gif) no-repeat;
}
actividad{
font: small-caps;
color: #CCCCCC;
width: 480px;
float: left;
height: 25px;
border-bottom: #FFFFFF 3px solid;
background: url(./img/act.gif) no-repeat;
}