Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2008-05-07 09:01:27

crowleyr
Member
From: Tallinn
Registered: 2006-04-04
Posts: 27

a more elegant solution..

i am using a two column display here: http://grainnecrowley.com

the different sections (about, contact etc) use images of different heights in the right sidebar.

this forces me to increase padding-bottom ( #content ) in each relevant css to ensure the border around #container surrounds the image

there must be a more elegant css solution to show images of different heights within the container.

here is an example of the css

Offline

#2 2008-05-07 09:52:27

jakob
Admin
From: Germany
Registered: 2005-01-20
Posts: 4,726
Website

Re: a more elegant solution..

If you place overflow:auto; (and height:1%; for IE6) in the css for the container element, it will extend to wrap around its contents. Any padding you add to the bottom of the contained element will be respected. I’ve not looked in detail how you have dealt with the left-hand column, but if you have problems making it the same length as the image, you could also use the faux columns visual trick as you have a fixed-width layout.


TXP Builders – finely-crafted code, design and txp

Offline

Board footer

Powered by FluxBB