[thelist] [CSS] Full height span DIV

[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]