SitePoint Sponsor |
|
User Tag List
Results 1 to 3 of 3
-
Dec 29, 2005, 13:49 #1
- Join Date
- Mar 2001
- Location
- In a big, big house, with lotsa lotsa room
- Posts
- 1,062
- Mentioned
- 7 Post(s)
- Tagged
- 0 Thread(s)
Equalizing 3 Columns in Center Content Area
I need some help with this layout. I can't get the 3 columns in the center content area to exend completely down to the footer.
Each column is a dIV, and all are nested inside another DIV called "content". I've placed a background image in the content DIV that's a 2px high horizonal slice of the 3-column background, but for some reason it's not working.
Any help would be appreciated.John Tabita
Small Business Marketing Sucks: Marketing advice for the small business owner
SitePoint Articles: Business advice for web designers & developers
Twitter | LinkedIn | Facebook | Google+
-
Dec 29, 2005, 14:23 #2
- Join Date
- Oct 2004
- Location
- Canada
- Posts
- 86
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
A div will only expand to the length of the content. To stretch all 3 columns equally you should be using one background image in a container DIV for those 3 columns. Find out more here:
http://www.alistapart.com/articles/fauxcolumns/
-
Dec 30, 2005, 03:12 #3
- Join Date
- May 2003
- Location
- Cambridge, UK
- Posts
- 2,366
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
You need to specify units within your background declaration:
Code:background: url(images/common/tile.gif) repeat-y 1px 0;
Bookmarks