Foros del Web » Creando para Internet » CSS »

CSS se comporta de modo extraño (estándar, en navegador decente)

Estas en el tema de CSS se comporta de modo extraño (estándar, en navegador decente) en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/04/2006, 15:07
Avatar de shock_unown  
Fecha de Ingreso: mayo-2005
Mensajes: 14
Antigüedad: 12 años, 7 meses
Puntos: 0
Pregunta CSS se comporta de modo extraño (estándar, en navegador decente)

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;
}
HTML
Código HTML:
<div id="pagina">
	<h1 id="titulo"><?php print($blog->titulo); ?> &raquo; 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/
  #2 (permalink)  
Antiguo 26/04/2006, 15:17
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
aquí explican el modelo de cajas... eliminá el width 100% y probá con "display:block;" a ver que pasa... otra idea que se me ocurre es eliminar el padding de #menu ul y agregarlo en #menu li

Cita:
Y aquí podéis ver la página: yavenim.no-ip.org/ClicBlog/panel/
por el momento no funciona.. parece que tenés apagada la máquina.
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 26/04/2006, 15:33
Avatar de shock_unown  
Fecha de Ingreso: mayo-2005
Mensajes: 14
Antigüedad: 12 años, 7 meses
Puntos: 0
Aiya!

¡Bien! Ya funciona :) Gracias.

Aunque no entiendo por qué width: 100% no funciona como se esperaría. ¿Alguien nos da una pista?
  #4 (permalink)  
Antiguo 26/04/2006, 15:52
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
Cita:
¡Bien! Ya funciona :) Gracias.


Cita:
Aunque no entiendo por qué width: 100% no funciona como se esperaría.
en realidas SI funciona como debería... la pista está en el modelo de cajas que mencioné + arriba...
ancho total = width + padding + border + margin
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:04.