¿Por qué no funciona el color de fondo en html 5 con la etiqueta <header>?

aquí está mi html por alguna razón la etiqueta de cabecera isnt aceptar el color de fondo negro ..¿Por qué no funciona el color de fondo en html 5 con la etiqueta <header>?

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<meta name="keywords" content=""/> 
<meta name="description" content="" /> 


<style type="text/css"> 
    header { 
     background:black; 
    } 

    nav ul li { 
     float:left; 
     margin-left:20px; 
     display:block; 
    } 

    nav ul li { 
     text-transform:capitalize; 
     padding:5px 0px; 
    } 
</style> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 

</head> 
<body> 
    <header> 
    <nav> 
     <ul> 
      <li><a href="index.php">today's deals</a></li> 
      <li><a href="recent.php">recent deals</a></li> 

     </ul> 
    <div class="clear"></div>  
    </nav> 
    </header> 

</body> 
</html>

Fuente

2010-12-09 Sarmen B.

has necesitado

background-color:black;

así que podría ser que no es soportado todavía

esto funcionó para mí

header { 
     background-color:black; 
    display:block; 
    overflow:hidden; 
    }

para thoose navegadores que lo soportan supongo qué nada no se muestra a primera vista que es porque el comportamiento por defecto no lo está utilizando como un elemento habitual en lugar de hacer la página más amigable SEO

Fuente

2010-12-09 04:53:26 Breezer

probé lo mismo –

bien podría ser que no es compatible todavía – Breezer

si ese es el caso, eso realmente apesta. –

Uso background-color en lugar de background. A continuación, añadir display:block;

header { 
    background-color: black; 
    display: block; 
}

Fuente

2010-12-09 04:54:44

intenté eso y nada. –

¿Qué navegador estás usando para ver el contenido? –

intenté con firefox, cromo –

Usted no tiene nada conectado a su clase clara. Haga lo siguiente:

http://jsfiddle.net/YNHnb/

<header> 
<nav> 
    <ul> 
     <li><a href="index.php">today's deals</a></li> 
     <li><a href="recent.php">recent deals</a></li> 

    </ul> 
<br clear="all">  
</nav> 
</header>

alternativa sólo tiene que añadir:

.clear{ 
clear: both; 
}

Fuente

2010-12-09 05:03:43

oh lo siento, tuve que en reset.css lo quité de esto para que sea claro –

Bueno, me solucionó el problema, así que asegúrese de que lo está ingresando correctamente. –

que necesitará algo así como el CSS de HTML5 Boilerplat e para garantizar una apariencia consistente en la más amplia gama de navegadores antiguos.

Aunque <header> y otros elementos pueden tener estilos aplicados en la versión anterior de IE al usar algo como html5shiv, no tendrán restablecimientos de CSS consistentes como display: block que podría esperar.

Fuente

2011-06-08 19:55:41

¡Lo tengo! Sé que ha pasado un tiempo, pero estaba teniendo el mismo problema. Debe recordar aplicar atributos de ancho y alto al encabezado o no funcionará.

header { 
background-color: black; 
display: block; 
width: 960px; 
height: 300px; 
}

Tuve el mismo problema, porque el fondo solo cubría el párrafo u otras etiquetas, no toda el área.

Fuente

2011-07-27 11:48:05 alexharriss

¿Por qué no funciona el color de fondo en html 5 con la etiqueta <header>?

Respuesta

Cuestiones relacionadas