Crear div a la derecha

Sette · #1 (**permalink**) 04/07/2007, 06:09

Verán, les dejo el código que esstoy creando, quiero añadir en el centro otro div en el que meter texto, pero no soy capaz. Como debo poner:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>www.manucastro.es</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">


<link rel="stylesheet" type="text/css" media="screen" href="moostyle.css" />
<script type="text/javascript" src="http://demos.mootools.net/demos/mootools.svn.js"></script>
<script type="text/javascript">
		window.addEvent('domready', function(){
			var list = $$('#idList li');
			list.each(function(element) {
				
				var fx = new Fx.Styles(element, {duration:200, wait:false});
				
				element.addEvent('mouseenter', function(){
					fx.start({
						'margin-left': 10,
						color: '#777777'
					});70
				});
				
				element.addEvent('mouseleave', function(){
					fx.start({
						'margin-left': 0,
						'color': '#777777'
					});
				});
				
			});
		}); 
	</script>
	<script type="text/javascript">
		window.addEvent('domready', function(){
					
			var mySlide = new Fx.Slide('test');
			$('toggle').addEvent('click', function(e){
				e = new Event(e);
				mySlide.toggle();
				e.stop();
			});	
			mySlide.toggle();					
		}); 
</script>



<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
div#content p{line-height:1.4;width:495px;text-align:justify}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#wrapper{float:none;width:50%}
div#navigation{float:right;width:495px}
div#extra{clear:both;width:100%}
</style>
</head>
<body>
<div id="container">
<div id="header">
  <h1>CABECERA</h1>
</div>
<div id="wrapper">
<div id="content">
<p><strong>Nottici&oacute;n</strong></p>
<p>vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion </p>
<p>


<div class="code">

<a id="toggle" href="#" name="toggle"><ul id="idList">
  <li>+ Pulsa aqu&iacute; para ampliar la noticia</li>
</ul></a>
</div>
<div id="test">
	<p class="caja">Bienvenid@ a www.manucastro.es,mi p&aacute;gina web personal de presentaci&oacute;n de mis trabajos web, as&iacute; como muestra de mi galer&iacute;a fotogr&aacute;fica.</p>
</div>
<br>
</p>
</div>
</div>

<div id="extra">
<p><strong>3 ABAJO</strong></p>
</div>
<div id="footer">
  <p align="center">P&aacute;gina web creada por www.manucastro.es</p>
</div>
</div>
</body>
</html>

pablinff · #2 (**permalink**) 04/07/2007, 16:11

Podrías explicarte un poco mejor? y poner el algo más específico para saber exactamente en que parte querés agregar el div y de que forma...
Saludos!

sesperanto · #3 (**permalink**) 02/12/2007, 17:25

Hola Sette,

Yo estaba buscando lo mismo que tú, y lo encontré en este mismo blog.

http://www.forosdelweb.com/f53/ancho-div-ajustado-toda-pagina-380284/

Espero que te sirva de algo

Un saludo!

atoleon · #4 (**permalink**) 03/12/2007, 12:37

En desarrolloweb tienes un manual muy bien explicado en el que explican como hacer una página con 3 columnas. puede que eso te ayude.

P.D. Te pondría la url pero hasta que no escriba 30 mensajes no me dejan hacerlo. Saludos