Aiya!
Quiero hacer que un <ul> ocupe de lado a lado del bloque en el que está contenido, con un color de fondo. El bloque en el que está contenido tiene width: 80%, y el ul, 100% (para que ocupe de lado a lado). Peero, resulta que el ul se "sale" del bloque por la derecha, como si le hubiese puesto 120% o algo así. ¿Por qué? Aquí os dejo los códigos:
El <ul> en cuestión
Código:
#menu ul {
width: 100%;
background-color: aqua;
padding: 10px;
}
El bloque en el que está contenido
Código:
#pagina {
width: 80%;
padding: 0;
margin: 0;
text-align: center;
border: 2px solid black;
}
Código HTML:
<div id="pagina">
<h1 id="titulo"><?php print($blog->titulo); ?> » Panel</h1>
<div id="menu">
<ul>
<li><a href="index.php">General</a></li>
<li><a href="index.php">General</a></li>
</ul>
</div>
<div id="contenido">Ejemplo</div>
</div>
Y aquí podéis ver la página: yavenim.no-ip.org/ClicBlog/panel/