Foros del Web » Creando para Internet » CSS »

no me respeta la altura de un div

Estas en el tema de no me respeta la altura de un div en el foro de CSS en Foros del Web. hola tengo una estructura asi Código PHP: < div id = "container"  align = "center" > < div id = "capcalera" > hola caracola </ div > < ...
  #1 (permalink)  
Antiguo 12/02/2009, 02:53
Avatar de engonga  
Fecha de Ingreso: marzo-2002
Ubicación: Córdoba
Mensajes: 1.299
Antigüedad: 15 años, 8 meses
Puntos: 8
no me respeta la altura de un div

hola tengo una estructura asi

Código PHP:
<div id="container" align="center">
<
div id="capcalera">hola caracola
</div>
<
div id="cos">
<
div id="menu">
</
div>
<
div id="contingut">
</
div>
</
div>
<
div id="peu">
</
div>
</
div>

</
div
pero el menu y el contingut

les pongo esto
Código PHP:
#container #cos #menu {
 
font-family"Times New Roman"Timesserif;
 
padding3px;
 
floatleft;
 
width200px;
 
margin-top2px;
 
margin-right5px;
 
margin-bottom2px;
 
margin-left2px;
 
border1px solid #CCCCCC;
 
height:100%;
 
clearnone;
}
#container #cos #contingut {
 
font-family"Times New Roman"Timesserif;
 
font-family"Times New Roman"Timesserif;
 
padding3px;
 
floatright;
 
width650px;
 
margin-top2px;
 
margin-right5px;
 
margin-bottom2px;
 
margin-left2px;
 
border1px solid #CCCCCC;
 
height:100%;
 
clearnone;

y me sobresalen osea no se hacen lo alto de #cos
__________________
joan blanch
  #2 (permalink)  
Antiguo 12/02/2009, 05:57
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: no me respeta la altura de un div

fijate q #cos tenga un alto o que no tenga padding
sino la mas facil es hacer #cos relativo y a menu y cotingut absolutos
saludos
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 12/02/2009, 07:25
Avatar de engonga  
Fecha de Ingreso: marzo-2002
Ubicación: Córdoba
Mensajes: 1.299
Antigüedad: 15 años, 8 meses
Puntos: 8
Respuesta: no me respeta la altura de un div

basolutos es poniendo un punto delante no?

y el relativo como se hace?
__________________
joan blanch
  #4 (permalink)  
Antiguo 12/02/2009, 13:06
Avatar de engonga  
Fecha de Ingreso: marzo-2002
Ubicación: Córdoba
Mensajes: 1.299
Antigüedad: 15 años, 8 meses
Puntos: 8
Respuesta: no me respeta la altura de un div

lo he provado todo y mas o menos me funciona

pero ahora si en la capa Menu es mas alta se sobre pone

Código PHP:
<body>
<
div id="container" align="center">
<
div id="capcalera">hola caracola
</div>
<
div id="cos">
<
div id="menu" class="menu">
  <
p>menu menu menu</p>
  <
p>menu menu</p>
  <
p>menu menu</p>
  <
p>menu menu</p>
  <
p>menu menu</p>
  <
p>menu menu</p>
  <
p>&nbsp;</p>
  <
p>menu menu</p>
  <
p>menu menu</p>
  <
p>menu menu</p>
  <
p>menu menu</p>
  <
p>menu menu</p>
  <
p>menu menu</p>
  <
p>menu menumenu menu</p>
  <
p>menu menu</p>
  <
p>menu menu</p>
  <
p>menu menu</p>
  <
p>&nbsp;</p>
  <
p>&nbsp;</p>
</
div>
<
div id="contingut" class="contingut">adsfasdfads</div>
</
div>
<
div id="peu">
</
div>
</
div>

</
div>
</
body

css

Código PHP:
body {
  
  
font-size12px;
  
font-familyVerdanaArialSunSans-RegularSans-Serif;
  
  
padding:0px;
  
margin:0px;
}
#container {
 
width900px;
 
margin-top0px;
 
margin-rightauto;
 
margin-bottom0px;
 
margin-leftauto;
 
}
#container #capcalera {
 
font-family"Times New Roman"Timesserif;
 
height:100px;
 
border:1px solid #006600;
 
margin-bottom:5px;
 
}
#container #cos{
 
 
font-family"Times New Roman"Timesserif;
 
height:500px;
 
border:1px solid #006600;
 
padding:5px;
 
overflow:visible;
 
 
}
#container #peu {
 
font-family"Times New Roman"Timesserif;
 
height:45px;
 
border:1px solid #006600;
 
margin-top:5px;
 
 
background-color#CEFFCE;
}
#container #cos #menu {
 
 
font-family"Times New Roman"Timesserif;
 
 
floatleft;
 
width20%;
 
 
margin-top2px;
 
 
margin-bottom2px;
 
margin-left2px;
 
border1px solid #CCCCCC;
 
overflowauto
 
}
#container #cos #contingut {
 
 
font-family"Times New Roman"Timesserif;
 
 
floatright;
 
width79%;
 
margin-top2px;
 
margin-right2px;
 
margin-bottom2px;
 
margin-left2px;
 
border1px solid #CCCCCC;
 
overflowauto;

__________________
joan blanch
  #5 (permalink)  
Antiguo 12/02/2009, 13:44
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años
Puntos: 4
Respuesta: no me respeta la altura de un div

Hola, prueba esto, me he tomado la livertad de hacer algunos combios (minimos) para que te funcione, los colores de fondo solo son para identificar cada cosa.

Código:
body {
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	padding:0px;
	margin:0px 2%;
}
#container {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto; 
}
#container #capcalera {
 font-family: "Times New Roman", Times, serif;
 height:100px;
 border:1px solid #006600;
 margin-bottom:5px;
 
}
#container #cos{
	font-family: "Times New Roman", Times, serif;
	border:1px solid #006600;
	background: #3366FF;
	float: left;
	display: block;
	width: 100%;
}
#container #peu {
	font-family: "Times New Roman", Times, serif;
	height:45px;
	border:1px solid #006600;
	margin-top:5px;
	background-color: #CEFFCE;
	clear: both;
}
#container #cos #menu {
	font-family: "Times New Roman", Times, serif;
	float: left;
	width: 20%;
	border: 1px solid #CCCCCC;
	background: #993300;
}
#container #cos #contingut {
	font-family: "Times New Roman", Times, serif;
	float: right;
	width: 79%;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	overflow: auto;
	background: #00CC99;
}
Código:
<div id="container" align="center">
<div id="capcalera">hola caracola
</div>
<div id="cos">
<div id="menu" class="menu">
  <p>menu menu menu</p>
  <p>menu menu</p>
  <p>menu menu</p>
  <p>menu menu</p>
  <p>menu menu</p>
  <p>menu menu</p>
  <p>&nbsp;</p>
  <p>menu menu</p>
  <p>menu menu</p>
  <p>menu menu</p>
  <p>menu menu</p>
  <p>menu menu</p>
  <p>menu menu</p>
  <p>menu menumenu menu</p>
  <p>menu menu</p>
  <p>menu menu</p>
  <p>menu menu</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div id="contingut" class="contingut">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>adsfasdfads</p>
</div>
</div>
<div id="peu">
</div>
</div>
  #6 (permalink)  
Antiguo 12/02/2009, 14:15
Avatar de engonga  
Fecha de Ingreso: marzo-2002
Ubicación: Córdoba
Mensajes: 1.299
Antigüedad: 15 años, 8 meses
Puntos: 8
Respuesta: no me respeta la altura de un div

lo pruebo y te digo
__________________
joan blanch
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:06.