Using CSS to Create a Bank Statement

Hello,

We are modernizing how our statements are printed. I have a layout in
mind and have been trying to get it to work with no luck. I want to
use <div> tags, all css controlled, for multiple sections of our
statement. Here is what I want/have so far. Any input appreciated.


this section defines the whole statement, absolutely positioned
<div id="statement">
This section identifies the header section, it can be specific height
because the "mid" div tag contains a graphic and no text will hang
below the graphic in this section.
<div id="header">
These next three are absolutely positioned taking up x% of the top row.
<div id="left"></div>
<div id="mid"></div>
<div id="right"></div>
</div> end header

<div id="midsection">
The stuff for the middle section should go here, contains customer
info, and all shold be under the header. This section can expand on
the Y axis depending on who the customer is. This should also contain
two divs creating 4 equal columns instead of using a table.
</div> end midsection

<div id="bottomsection">
Contains the money issues of the statement, and expands on the Y axis
depending on how many transactions are made.
</div> end bottom section

</div> end statement

any input would be fine or some css that will acomplish this. I am new
to CSS and positioning.

Thanks

.

Relevant Pages

  • Re: Beginner CSS question
    ... Is it possible to create the following layout in CSS: ... a header and footer div, and 3 left divs in between them and ... div on the right which is the same size of all the left divs. ... following the HEADER, ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: Beginner CSS question
    ... following the HEADER, ... within the MAIN div you create LEFT and RIGHT ... For the width of LEFT and RIGHT you use CSS, ... use CSS also for the positioning of the three divs within LEFT. ...
    (comp.infosystems.www.authoring.stylesheets)
  • Beginner CSS question
    ... Is it possible to create the following layout in CSS: ... a header and footer div, and 3 left divs in between them and ... div on the right which is the same size of all the left divs. ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: Why shouldnt I use Frontpage? >> drifting OT to CSS
    ... My full page div is ... and your CSS is so convoluted I don't know what all's going ... because of the number of screens and resolutions out there in ... hbbqrffw = Heavy Border, Blockquote Replacement, Fixed Font, White ...
    (alt.html)
  • Re: IE/Firefox XHTML Strict
    ... The http headers may reveal that the content-type of the css is not type/css. ... Here is the HTML: ... You have a 5 level deep nested divs and every div is styled: so, it become extremely difficult to figure out exactly what you are actually coding for. ...
    (alt.html)
Loading