¿Por qué no queda a la misma altura?

IMAC/ · #1 (**permalink**) 24/11/2008, 12:46

Buenas

Intento hacer el típico footer de las páginas web, y no se por qué no me queda a la misma altura un menú con titulo que otro sin él.

Este es el código completo del html:

Código HTML:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style>
#footEntrada {
	clear:both;
	margin:5em 100px 0;
}

#foot {
	float:left;
	font-size:0.75em;
	margin-bottom:20px;
	padding:0 22px;
}
#foot h4 {
	font-size:1.5em;
	font-weight:normal;
}

#foot li {
list-style-type:none;
}

</style>


<body bgcolor="#FFFFFF" text="#000000">
<div id="footEntrada">
	
  <div id="foot"> Texto TextoTextoTexto TextoTextoTextoTextoText<br>
    oTextoTextoTextoTextoTexto TextoTextoTextoTex<br>
    toTextoTextoTextoTextoTextoTextoTextoTextoTex<br>
    toTexto TextoTextoTextoTextoTextoTexto </div>
	<div id="foot">
		
    <h4>A</h4>
    <ul>
      <li>hola1</li>
      <li>hola1</li>
      <li>hola1</li>
      <li>hola1</li>
    </ul>
	</div>
	<div id="foot">
		
    <h4>B</h4>
    <ul>
      <li>hola1</li>
      <li>hola1</li>
      <li>hola1</li>
      <li>hola1</li>
      <li>hola1</li>
      <li>hola1</li>
    </ul>
	</div>
</div>
</body>
</html>

Gracias.

Aresillo · #2 (**permalink**) 24/11/2008, 18:31

Realmente no entiendo tu pregunta porque copiando tu código no hay nada que se asemeje a un pie de página..

Aresillo!!

MadKat · #3 (**permalink**) 25/11/2008, 11:48

Si, estuve viendo el codigo y la verdad que no entiendo que relacion tiene con tu consulta.

Agus

willyfc · #4 (**permalink**) 25/11/2008, 12:11

hola

sin no estoy entendiendo mal lo que quieres es esto:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
#footer{ width:800px; height:auto; display:table; border:1px solid #000000;}
.foot{ width:auto; height:auto; float:left;	font-size:0.75em;margin-bottom:20px;padding:0 22px;}
.foot ul{ padding:0; margin:0 0 0 20px; list-style:none}
.foot h4 {font-size:1.5em;font-weight:normal; padding:0; margin:0}
</style>
</head>

<body>
<div id="footer">
	<div class="foot">
		Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <br />
		Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <br />
		Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <br />
		Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <br />
		Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <br />						
	</div>
	<div class="foot">
	<h4>A</h4>
		<ul>
			<li>item 1</li>
			<li>item 2</li>
			<li>item 3</li>
			<li>item 4</li>
			<li>item 5</li>									
		</ul>
	</div>
	<div class="foot">
	<h4>B</h4>
		<ul>
			<li>item 1</li>
			<li>item 2</li>
			<li>item 3</li>
			<li>item 4</li>
			<li>item 5</li>									
		</ul>
	</div>
</div>
</body>
</html>

Espero te sirva, si es eso lo que quieres hacer y si no es eso yo tampoco entendí

chau
otra cosa tienes que usar dtd en tus webs si no muchas cosas no funcionarán