AJ Putnam wrote:
> http://ajputnam.com/sky/ontour
> 
> as you can see, the content table just sort of hangs over the lower 
> edge.

1: delete _all_ instances of 'position: absolute', or else you'll get
nowhere.
Absolute positioned elements are treated as if they do not take up any
space, so the expansion you're expecting can't take place. 'A:P' also
deactivates 'float', so you'll get no float-behavior.

2: use margins to push elements into place.

3: don't restrict height on elements that are supposed to expand with
content, and clear below floats.

Pity IE7 doesn't support CSS table, or else you could have started here...

<http://www.gunlaug.no/tos/alien/ajp/test_08_0213.html>

...and just trimmed some margins.

I've used...

* {margin-top: 0!important; position: static!important;}
div {display: table;}

...to override the problematic parts of your styles. That works fine in
Firefox, Opera, and even IE6, but in order to make it work as intended
across browser-land you'll have to go through your stylesheet and
correct it line by line.

BTW: you don't need a layout table, since regular elements - divs - will
also expand with content when height is unrestricted. The layout table
does no real harm though.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to