Hola, tengo un problema con mi imagen de cabecera, en el html tengo lo siguiente:
<div id="cabecera">
<img src="images/milogo.png" alt="Imagen"/>
</div>
y en el css tengo lo siguiente:
#cabecera
{
text-align:center;
padding-top:2%;
padding-bottom:2%;
}
Así la imagen me sale bien y centrada, pero, cómo podría hacerlo para que la imagen me salga de la misma forma a través de css?
He probado lo siguiente:
<div id="cabecera">
</div>
Aquí debería dejar el contenido del div vacío? No es un poco "feo" hacer esto?
Y por otro lado en el css:
#cabecera
{
background: url('../images/milogo.png') no-repeat fixed center;
padding-top:2%;
padding-bottom:2%;
}
Y la imagen ni me aparece.
Si en cambio pongo:
#cabecera
{
background: url('../images/milogo.png');
padding-top:2%;
padding-bottom:2%;
}
Me aparece pero sin centrar. Cómo podría centrarla a través de css y qué pongo entre las etiquetas div del html?
Gracias.