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;
}
