Menu ocupe todo el espacio

[kfh1992]

Lo que quiero es que el color negro del menú ocupe todo el espacio junto con el content

Aqui os dejo el sitio.

http://kfernandez.host22.com/


Menú

<div id="menu">
<div id="header">
<ul class="nav">
<li><a href="./index.php">Inicio</a> </li>
<li><a href="./contacto.p">Contacto</a></li>
<li><a href="">Libro de visitas</a></li>
</ul>
</div></div>

css

#header {
width:452px;
padding:100%;
}
.nav > li {
float:left;
}
.nav li a {
background-color:#000;
color:#fff;
text-decoration:none;
padding: 10px 15px;
display:block;
}

[kseso?]

su #content tiene width: 226px; que es menor que su contenido, que se desborda por la derecha. Pruebe a añadirle overflow: hidden y verá que ocurre.

A su #menu le declara width: 452px;

Iguale tamaños, evite desbordamientos, limpie floats y ponga un borde o un fondo (background) para pruebas.

[kfh1992]

Te dejo todo el codigo porque creo que lo he entendido pero una parte no me va(lo del color)

Código css

#content{
width:452px;
height:302px;
clear:both;
margin:0 auto 0 auto; width:452px;
overflow: hidden;
}
#image{
float:left;
background-image:url(../images/001.png);
width:226px;
height:302px;
}
#facebook {
width:32px;
height:32px;
}
#datos{
width:226px;
height:302px;
margin-left:226px;
}
#twitter {
width:32px;
height:32px;
}
#youtube{
width:32px;
height:32px;
}
#linkediin {
float:left;
width:32px;
height:32px;
background-image:url(../images/iconos/.png);
}
#menu {
margin:0 auto 0 auto; width:452px;
}

Código del menu

///
#header {
width:452px;
padding:100%;
}
.nav > li {
float:left;
}
.nav li a {
background-color:#000000;
color:#fff;
text-decoration:none;
padding: 10px 15px;
display:block;
}
///

[kseso?]

Iniciado por kseso?

Iguale tamaños, evite desbordamientos, limpie floats y ponga un borde o un fondo (background) para pruebas.

Iniciado por kfh1992

Te dejo todo el codigo porque creo que lo he entendido pero una parte no me va(lo del color)

.- "¿Qué hora es?"
.- "Manzanas traigo"
Le sugiero una solucción y usted responde con algo totalmente innecesario. Ya podemos ver el código.

El problema es que usted no ha entendido mi respuesta. Lo lógico sería que se centrara en lo que no ha comprendido y lo plantease.

En vez de eso, ¿qué quiere o espera recibir?

[kfh1992]

No he cambiado los datos?Yo creo que si pero a lo mejor es eso pero no entiendo la respuesta entonces, como ves el resultado no es el que pretendía yo.

Gracias !

[cristian_cena]

En otras palabras, esquivas de analizar tu el problema asumiendo que otro pensará por tí, vamos, tampoco subestimar ni llevarse todo por delante prepotentemente, si al menos hubieras usado highlight merecería la pena leer eso.
Aunque te equivoques, si llevas adelante alguna de las sugerencias de kseso me ofrezco a ayudar.

[kseso?]

Último intento:

Iguale tamaños:................................................. .................................................. ...................
evite desbordamientos:................................................. .................................................. ...................
limpie floats:................................................. .................................................. ...................
ponga un borde o un fondo (background) para pruebas

Rellene las líneas de puntos con sus dudas o falta de comprensión.
No necesitamos que añada códigos css o html en el hilo. Ya los vemos en su página. No porque seamos adivinos o tengamos superpoderes. No. Están en el enlace que colocó en #1 (lo único acertado de todo el tema).

Si quiere ayuda, ayúdese a usted mismo primero intentando hacer lo sugerido.
Si es tan novel en css que no sabe qué significan los conceptos anchura, desbordamiento y limpiar float en este contesto tiene dos opciones, por este orden:

1. Usar google para informarse un mínimo. --> Ir a librosweb.es (por ejemplo)
2. Plantear las dudas en este foro, como ya le indiqué en #4.

N.B.: por cierto, un "Gracias" o "Gracias pero...." nunca está de más. En ninguno de sus 3 mensajes aparece ni por asomo.

[kfh1992]

Buenos dias, he intentado analizar el problema con el css, he limpiado los floats, igualado tamaños (creo) y ahora resulta que iguala el tamaño pero no sale de manera horizontal el menú.

#header {
background-color:#000000;
width:452px;
margin:0 auto 0 auto;
}
.nav > li {
list-style:none;
width:452px;
}
.nav > li a {
display:block;
padding:10px 15px;
text-decoration:none;
color:#FFF;
}

las gracias si que aparecen :) Hasta pronto!