Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- css layout query
February 17, 2004, 9:08 am
rate this thread
I am working on the following layout for a site.
The outer box is a div centered in the page. I have got as far as the 3
I have seen lots of 3 column layouts but don't seem to be able to apply any
of the rationale to 3 columns within a div. If anyone had any pointers I
would be very grateful
Re: css layout query
It appears that you are trying to put 3 fixed-width columns into a fixed-width
container? If so, one technique is to float them all into place (perhaps all
of them left, say). In fact, variants on the following work even if you are
not using a fixed-width container.
Have a look at the following. It isn't exactly what you are doing, but it
shows the effect of floating 3 fixed-width columns into place. (Ignore the
pink box at the top).
Another method would involve (say) floating a leftbar to the left, floating a
rightbar to the right, and letting the centre column go into place using
normal flow, using large left and right margins so that it remained as a
column if it was longer than the leftbar and rightbar.
I would not personally try to do what you want using absolute positioning,
because I don't have sufficient knowledge to make the footer follow the 3
columns properly in that case.
Re: css layout query
| I am working on the following layout for a site.
| The outer box is a div centered in the page. I have got as far
as the 3
| I have seen lots of 3 column layouts but don't seem to be able
to apply any
| of the rationale to 3 columns within a div. If anyone had any
| would be very grateful
You might have a look at the first four samples I've got here
They all have three columns with a header and footer. Also, they
have a link towards the top for a copy of the external css file
in .txt format.
ng2.chet@NOcharterSPAM.net (remove NO.....SPAM)
- » 450+ Website Templates, Logos and Scripts. WITH RESELL RIGHTS.
- — Previous thread in » HTML Markup Language