Ver Mensaje Individual
  #6 (permalink)  
Antiguo 17/10/2009, 17:07
Avatar de GidHarvey
GidHarvey
 
Fecha de Ingreso: mayo-2009
Mensajes: 190
Antigüedad: 14 años, 11 meses
Puntos: 1
Respuesta: 3 columnas CSS

Hola Buenas Tardes roma1979.
Creo que lo que tu necesitas es esto http://www.kopfmackloss.com/columnas.html
si es eso aqui te pongo los codigos.

Bueno yo use los siguientes codigos:

Código HTML:
<div id="content">
<div id="col1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam  nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat  volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation  ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.  Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse  molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero  eros et accumsan et iusto odio dignissim qui blandit praesent luptatum  zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum  dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh  euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.ipsum  dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh  euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut  wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper  suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem  vel eum iriure dolor in hendrerit in vulputate velit esse molestie  consequat.</div>
  <div id="col2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam  nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat  volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation  ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.  Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse  molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero  eros et accumsan et iusto odio dignissim qui blandit praesent luptatum  zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum  dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh  euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.ipsum  dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh  euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut  wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper  suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem  vel eum iriure dolor in hendrerit in vulputate velit esse molestie  consequat.</div>
  <div id="col3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam  nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat  volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation  ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.  Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse  molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero  eros et accumsan et iusto odio dignissim qui blandit praesent luptatum  zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum  dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh  euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.ipsum  dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh  euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut  wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper  suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem  vel eum iriure dolor in hendrerit in vulputate velit esse molestie  consequat.</div>
</div> 
Aqui el CSS
Código HTML:
* { margin:0; padding:0;}

.clear { clear:both;}

#content {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 700px;
}
#content #col1 {
	float: left;
	width: 316px;
	background-color: #216378;
	margin: 0px;
	padding: 0px;
	height: 700%;
}
#content #col2 {
	float: left;
	width: 316px;
	height: 700%;
	background-color: #FC0;
	margin: 0px;
	padding: 0px;
}
#content #col3 {
	float: right;
	width: 316.7px;
	height: 700%;
	background-color: #9C0;
	margin: 0px;
	padding: 0px;
}
Si tiene algo de sobra disculpen lo hice rapidin

Espero que te ayude...

saludos ATTe Gidharvey
__________________
La mayoría prefiere pagar por entretenerse que por instruirse.