DotNetcr.com
Si deseas hacer un intercambio de links con DotNetcr, escríbenos aquí
Recibe las actualizaciones vía RSS
Te invitamos a unirte en nuestras redes
   http://www.facebook.com/DotNetcr
   http://www.twitter.com/dotnetcr

Capas flotantes con CSS

Por CSSboulevar | 8/20/2005 | Visitas 7,250 | Voto 0.00
Muchas veces hemos imaginado el diseño perfecto, pero más de una vez esas ideas se han ido de nuestras cabezas por no saber como plantearlo en nuestras hojas de estilo.
Categorías : CSS - Themes
Una propiedad que me ha solucionado el 95% de los problemas de organización es Float, que permite ajustar texto alrededor de un elemento. Esto es idéntico en propósito a align=left y align=right para el elemento IMG de HTML 3.2, pero CSS1 permite que todos los elementos "floten".

Uno de los ejemplos que suelo utilizar es la división del documento html en dos partes; derecha e izquierda, con tan solo definir la propiedad Float en "left" o "right".

Copiar el siguiente ejemplo para obtener las capas flotantes:

<html>
<head>

<style type="text/css">
body {margin:0}
#izquierda {background: green; width:50%; height:100%; float: left}
#derecha {background: red; width:50%; height:100%; float: right}
</style>

</head>
<body>

<div id="izquierda">Contenido del lado Izquierdo o columna Izquierda</div>
<div id="derecha">Contenido del lado derecho o columna Derecha</div>

</body>
</html>


Ver Ejemplo

Este ejemplo fue agregado vía CSSboulevar, el cual es un sitio asociado a DotNetcr.com. Recuerda visitar este interesante sitio dedicado a brindar ayuda en Hojas de Estilo.
- CSSboulevar, www.cssboulevar.com.ar
Area de Comentarios
Por Anónimo - Fecha: 2007/06/06 05:20 AM
Y...¿para posicionar una capa "centrada"? ¿Cómo se hace?
Por Anónimo - Fecha: 2007/10/25 01:11 PM
esa duda es buena
Por Anónimo - Fecha: 2012/07/19 11:25 AM
It provides much more cofomrt and safe to the athlete and it supports great cushioning to them and tends to make all their complicated and risky movements into easy
Por Anónimo - Fecha: 2012/07/20 07:31 AM
HxoNe1 , [url=http://bgfrjdtwsail.com/]bgfrjdtwsail[/url], [link=http://jghajtpumazv.com/]jghajtpumazv[/link], http://pwparvryvphn.com/
Por Anónimo - Fecha: 2012/07/21 01:41 PM
lLvYG4 , [url=http://dtbxtdzlepyw.com/]dtbxtdzlepyw[/url], [link=http://qfmtlrxjqhhc.com/]qfmtlrxjqhhc[/link], http://wmdwtqagjqvu.com/
Por Anónimo - Fecha: 2015/07/19 12:48 AM
I loved as much as you will receive ceraird out right here. The sketch is attractive, your authored subject matter stylish. nonetheless, you command get bought an nervousness over that you wish be delivering the following. unwell unquestionably come more formerly again as exactly the same nearly very often inside case you shield this hike.
Por Anónimo - Fecha: 2015/07/21 01:40 PM
Pretty component of coentnt. I just stumbled upon your website and in accession capital to say that I get actually loved account your weblog posts. Any way I’ll be subscribing in your augment and even I success you access persistently rapidly. http://cdicnm.com [url=http://lpgkmccver.com]lpgkmccver[/url] [link=http://wlrrmyfzrw.com]wlrrmyfzrw[/link]
Por Anónimo - Fecha: 2015/12/17 04:37 PM
The root of your writing wihslt appearing reasonable at first, did not sit properly with me after some time. Somewhere throughout the sentences you actually managed to make me a believer unfortunately just for a short while. I still have a problem with your jumps in logic and one would do nicely to help fill in all those gaps. If you can accomplish that, I could certainly end up being amazed.
Por Anónimo - Fecha: 2015/12/19 02:52 AM
Hi, i read your blog from time to time and i own a similar one and i was just cuoiurs if you get a lot of spam comments? If so how do you reduce it, any plugin or anything you can advise? I get so much lately it's driving me insane so any support is very much appreciated. http://cdulabebmm.com [url=http://rfozsh.com]rfozsh[/url] [link=http://fgtjkslnfos.com]fgtjkslnfos[/link]
Por Anónimo - Fecha: 2015/12/20 02:24 PM
( 2012.02.23 23:48 ) : Considerably, this publish is rellay the sweetest on this notable topic. I harmonise together with your conclusions and can thirstily appear forward to your incoming updates. Saying thanks will not likely just be sufficient, for your phenomenal clarity inside your writing. I will straight grab your rss feed to stay informed of any updates. Admirable perform and much achievement inside your company dealings! Please excuse my poor English as it is not my 1st tongue. http://vbkulve.com [url=http://vdgszhh.com]vdgszhh[/url] [link=http://wnhkdvwba.com]wnhkdvwba[/link]
Ingrese su Comentario
Comentario
Para poder votar debe estar registrado en DotNetcr.com
Solo queda registrado el primer voto enviado
Voto


Últimos Recursos
ricardo leppe t
pedrojavier
CALIN
willipinru
richard
ragomez
PER 238
MEX 236
CRI 188
COL 118
ESP 105
ARG 88