On 1/27/06, Christian Montoya <[EMAIL PROTECTED]> wrote:
>
> On 1/26/06, Jonathan Berry <[EMAIL PROTECTED]> wrote:
> > Does CSS really suck for multi-column layout?
>
> No.
>
> > O.K. I am having a problem here. We have three columns: right, same size
> all
> > the time, center varies, left, may vary but probably the same size every
> > time. So then comes the footer question. In our other sites we have
> table
> > layouts that allow for the footer to stay at the bottom all the time,
> below
> > all columns. But with this, what is the answer?
> >
> >                            HEADER
> > -------------------------------------------------------------------
> > FTCOL                    CTR                   RTCOL
> > -------------------------------------------------------------------
> >                            FOOTER
>
> Enclose all three columns in a div, call this #container. Enclose
> #ftcol and #ctr in another div, call this #wrap. [1] Float #rtcol
> right and give #wrap a margin-right equal to the width of #rtcol. So
> we have a fixed right column and a remaining space the fills the rest
> of the screen to the left. Then float #ftcol left and give #ctr a
> margin-left equal to the width of #ftcol (same thing again), or float
> both of them left and give them percentage widths that add up to 100%.
>
> Before you close #wrap and #container, add "<br style="clear:both;">.
> This ensures that the columns don't flow out of these divs, otherwise
> the divs will collapse and you'll be wondering where your background
> colors went. Then add "clear:both;" to #footer just for good measure.
>
> Then contact us again so we can help you with IE bugs.


yes, i am agree with your comments.
and dont forget to give position:relative to each boxs.
it will help to get your column equal on ie or firefox.


--
http://didats.net/page/291/jakarta-aku-datang/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to