[thelist] DIVs / SPANs confusion for boxes

Will willthemoor at gmail.com
Fri Mar 20 15:56:40 CDT 2009


untested but this should set you on the path. you may run into width
issues with the %s and border.

.container {padding: 2% 0 2% 2%; overflow: hidden; }
.container .box {float: left; width: 43.5%; margin-right: 2%;
padding: 2%; text-align: center;}
.container, .container .box {border: 1px solid #ccc; }

<div class="container>
  <div class="box">min</div>
  <div class="box">max</div>
</div>

Will

On Fri, Mar 20, 2009 at 7:05 AM, Stefan Schwarzer <st.schwarzer at geois.de> wrote:
> Hi there,
>
> gush, shouldn't be that complicated,no? And surely isn't... but I just
> don't get it.
>
> I would like to have this here:
>
>
> ---------------------------------------
> |    -------------     -------------     |
> |    |              |     |              |     |
> |    |   box     |     |   box     |     |
> |    |      1      |     |      2      |     |
> |    |              |     |              |     |
> |    -------------     -------------     |
> --------------------------------------
>
> In the boxes I have something like this:
>
> ---------------------
> |   8475              |
> |   minimum       |
> |   ---------------   |
> |                         |
> |   194856          |
> |   maximum       |
> |   ---------------   |
> ---------------------



More information about the thelist mailing list