|
|
Posted by nightstar on 08/10/05 17:18
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
Navigation:
[Reply to this message]
|