SitePoint Sponsor |
|
User Tag List
Results 1 to 5 of 5
-
Oct 24, 2007, 10:47 #1
- Join Date
- Jul 2007
- Location
- Bristol, UK
- Posts
- 19
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Need help! 3 columns - same height - gap between each..
Hiya,
I hope someone has an amazing idea/some advice to help me on this!
http://projects.18aproductions.co.uk/3cols/template.php
I've trying to build a page that's got 3 columns.
However, each of the columns needs to be separate from the others, with a border around it. And crucially for something later on in the design, all 3 columns need to be the same height.
The design also has to be dynamic/stretch with the page (width wise). I'm happy for the 3 columns to be a fixed width if needs be (the middle one has to be cos of the image - 500px), but the gaps between each column need to be able to expand.
Any advice gratefully received! I know I could do it with tables, but I really don't want to use them as it's not tabular data.
Thanks!
Lisax
-
Oct 24, 2007, 13:16 #2
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
Hi,
I have a some column equal height examples here:
http://www.pmob.co.uk/temp/3col-abso...umns-fluid.htm
http://www.pmob.co.uk/search-this/absolute-columns3.htm
The fluid width version will likely suffer from pixel rounding errors in IE.
You could use the PIE layout but it also has a large number of bugs and is much more complicated than mine.
-
Oct 24, 2007, 14:26 #3
- Join Date
- Jul 2007
- Location
- Bristol, UK
- Posts
- 19
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Thanks so much Paul! You haven't got any gems for how to keep the outside 2 columns a fixed width have you?!
So it'd be like 210px - variable - 150px (or something).
So the middle column stretches, but the outside 2 stay the same?
Lisa x
-
Oct 24, 2007, 15:27 #4
- Join Date
- May 2006
- Location
- Aurora, Illinois
- Posts
- 15,476
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Well Lisa, the first thing I'd ask is what are going to be in the side columns (and where will the menu be)? I'm asking because I don't throw DIVs around everywhere and then put the HTML I want to use inside it, I just put it where I want it to go (like with menus).
Also, will the side columns be the same background color or will they have to change?Save the Internet - Use Opera | May my mother rest in peace: 1943-2009
Dan Schulz - Design Team Advisor | Follow me on Twitter
SitePoint References: HTML CSS JavaScript | Become A Guru
WordPress SEO Checklist | What WordPress Plugins Do You Use?
Web Standards Curriculum | Image Free Equal Height Columns
-
Oct 25, 2007, 02:40 #5
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
Originally Posted by lisa
http://www.pmob.co.uk/temp/3col-abso...luid-fixed.htm
The above uses my original 3 col layout (see sticky thread at top of forum) with the absolute column routine thrown in for good measure.
The above layout is untested as I have just converted the two layouts into one but seems to be working in modern browsers ok. Test thoroughly.
Bookmarks