[thelist] [CSS] Full height span DIV

[Adriano Castro]

Am i being ignored or are my posts just not reaching their final destination?

Any comments on my question?

http://www.adrianocastro.net/post/pub/help/002.01.html


Quoting thelist.evolt at adrianocastro.net:

>
>     Hi,
>
>     I've tweaked the markup on this and simplified the CSS. The new version's
> at:
>
>       + www.adrianocastro.net/post/pub/help/002.01.html
>
>     I still can't make the left and rite sections #2 span to the full height
> of
> the center section.
>
>     The (inline) CSS goes like this:
>
> body {
>   margin:0;
>   padding:0;
>   height:100%;
> }
>
> #container {
>   clear:both;
>   background-color:#cccccc;
>   margin:0;
>   padding:0;
> }
>
> #top {
>   background-color:#00FFFF;
>   text-align:center;
>   margin:0;
> }
>
> #left {
>   float:left;
>   clear:left;
>   width:25%;
>   background:transparent;
> }
>
> #rite {
>   float:right;
>   clear:right;
>   width:25%;
>   background:transparent;
> }
>
> .section {
>   background-color:#ba3e3e;
>   margin:0 0 10px 0;
>   width:100%;
>   text-align:center;
> }
>
> .heightspan {
>   height:100%;
> }
>
> #center {
>   background-color:#FF00FF;
>   text-align:center;
>   margin:0 25% 0 25%;
> }
>
> #bottom {
>   clear:both;
>   background-color:#00FFFF;
>   text-align:center;
>   margin:0;
> }
>
>
>     I appreciate your views on this...
>
>     Azif
>
>
> Quoting Adriano Castro <thelist.evolt at adrianocastro.net>:
>
> >
> >     www.adrianocastro.net/post/pub/help/002.html
> >
> >     How can I get the "LEFT2" and "RITE2" DIVs to span to the full height
> and
> > occupy all the, currently showing, white space down to the "BOTTOM" DIV?
> >
> >
> >     Azif
> >
> > --
> > www.adrianocastro.net · there's more hidden inside
> > [azifwekare : the alter ego]
> --
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !
>