[thelist] Problem with Seemingly Cool CSS layout

[Joshua Olson]

> -----Original Message-----
> From: cephoe M
> Sent: Tuesday, March 02, 2004 9:54 AM
>
> Anyone have idea about how to improve this situation? I would
> like to keep the three-column CSS layout.
>
> Here is the CSS: http://reactual.com/css/meta_efficient.css

Cephoe,

Here's the basic template I start with:

<div style="border: solid 1px black; width: 700px">
  <h1 style="margin: 0; padding: 0; border-bottom: solid 1px black; width:
100%"><span style="padding: 10px; display: block;">Title</span></h1>
  <div style="float: left; width: 140px; ">
    <div style="margin: 0 10px 0 0; padding: 10px; border-right: solid 1px
red;">
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    LEFT BAR<br />
    </div>
  </div>
  <div style="float: right; width: 140px; ">
    <div style="margin: 0 10px 0 0; padding: 10px; border-left: solid 1px
red;">
    RIGHT BAR<br />
    RIGHT BAR<br />
    RIGHT BAR<br />
    RIGHT BAR<br />
    RIGHT BAR<br />
    RIGHT BAR<br />
    RIGHT BAR<br />
    RIGHT BAR<br />
    </div>
  </div>
  <div style="margin: 0 139px 0 129px; border-left: solid 1px red;
border-right: solid 1px red; padding: 10px;">
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
    main content<br />
  </div>
  <div style="clear: both; border-top: solid 1px black; padding:
10px;">Footer</div>
</div>

<><><><><><><><><><>
Joshua Olson
Web Application Engineer
WAE Tech Inc.
http://www.waetech.com/service_areas/
706.210.0168