como agregar otro menu a este codigo?

#1 (**permalink**) 20/04/2008, 20:49

hola quisera saber como agregar otro menu pero en el margen derecho a este codigo

saludos!

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html lang="es-es">

<head>

<title>Cien por cien de alto</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

* {margin: 0px;

padding: 0px;

}

#content {

text-align: left;

height: 100%;

width: 100%;

}

 
#menu {

float: left;

width: 120px;

height: 100%; 

background-color: #c1e65a;

}

#main {

padding-left: 10px;

background-color: #f30;

height: 100%; 

}

 
</style>

</head>

 
<body>

<div id="content">

 
<div id="menu">

</div>

 
<div id="main">

</div>

 
</div> 

</body>

</html>

Eourus · #2 (**permalink**) 21/04/2008, 03:42

Mira a ver si te vale esto:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="es-es">
<head>
<title>Cien por cien de alto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

	* { margin: 0px; padding: 0px; }
	#content { text-align: left; height: 100%; margin:auto; width:770px; }
	
		#menu { float: left; width: 100px; height: 100%;  background-color: #c1e65a; }
		#main { float:left; padding:0 10px 0 10ppx; width:550px; background-color: #f30; height: 100%; }
		#menudrc { float:left; width:100px; height:100%;  background:blue; }

</style>
</head>

<body>
<div id="content">

	<div id="menu"></div>
	
	<div id="main"></div>
	
	<div id="menudrc"></div>

</div> 
</body>
</html>

#3 (**permalink**) 21/04/2008, 05:50

hola gracias por tu respuesta, me sirvio.. lo que necesitaba era esto

Código PHP:

  hola quisera saber como agregar otro menu pero en el margen derecho a este codigo

 
saludos!

 
 
 
Código PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

<html lang="es-es"> 

<head> 

<title>Cien por cien de alto</title> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

<style type="text/css"> 

* {margin: 0px; 

padding: 0px; 

} 

#content { 

text-align: left; 

height: 100%; 

width: 100%; 

} 

 
#menu { 

float: left; 

width: 120px; 

height: 100%;  

background-color: #c1e65a; 

} 

#main { 

padding-left: 10px; 

background-color: #f30; 

height: 100%;  

} 

#menudrc { float:right; width:160px; height:100%;  background:blue; }

</style> 

</head> 

 
<body> 

<div id="content"> 

 
<div id="menu"> 

</div> 

 
<div id="main"> 

 
<div id="menudrc">67908:47 a.m. 21/04/20089</div>

 
</div> 

 
</div>  

</body> 

</html>