css tutorial on auto resizing page

[izzysanime]

HI,

I always wanted to know how those sites designs that can auto resize the height work?  Does anyone have any links?

thanks
Josh

[Kayin]

what?

[Bobonov]

I think you mean a web site that always get full height even if the content stop at half of the page, that mean that the footer goes always at the bottom of the page.

In this page you can fine several example on how to do it
http://www.maxdesign.com.au/presentation/page_layouts/

[Deblus]

that is an excellent site for learners thanks for sharing 

[RonnyK]

Check the following link for some examples, scroll down to see more if you just want headers or footers, the URL is for both header and footer.

http://limpid.nl/lab/css/fixed/header-and-footer

Ronny

[izzysanime]

umm, i dont think thats what i mean.  I mean for an image based site, with a page that stays with the content, if there is 1 paragraphs the footer / sides stay with the 1, if their are 5 paragraphs, the site opens up for it.  I have seen sites like the way mine is, where the content is, its just a white background under an image, so when content grows that is no problem, but there are sites that have 2 sides on the left and right of the content, so how do you get that to stretch with the content?  does that make sense.

this site is the first that comes to mind http://mbta.com/, see how the border is there as well.

thanks
Josh

[Bobonov]

does that make sense.

Beeing honest I am more confused now than after your first post...

I mean for an image based site

Do you mean background?

With a page that stays with the content, if there is 1 paragraphs the footer / sides stay with the 1, if their are 5 paragraphs, the site opens up for it.

Normally every site stretch vertically when contents grow, this is the normal behavior of the browser unless you specify differently in the css

I have seen sites like the way mine is, where the content is, its just a white background under an image, so when content grows that is no problem, but there are sites that have 2 sides on the left and right of the content, so how do you get that to stretch with the content?

As  I said unless you put some rules in the css this is the normal behavior, the default installation of CMSMS works like this

[izzysanime]

LOL, ok, when i make a sites template using css that has images in the design, i use imageready with slices, export it with something like absolute positioning.  When i add content to the content area, which is usually plain white, the top and bottom are fine, but the left and right part of the page that where perfect when the content could fit are now hanging in the center of the div or table, in other words their is now white space between the top and bottom that was not there when the content could fit. 

like on the MBTA.com site that i linked you to, the left and right parts of the page automatically resize based on the content.

thanks,
Josh

[Dr.CSS]

Those are more than one template with a mix of divs and table layout, just the main white area has a diff. setup, make one with the main empty then copies to make main changes...

Like these... wireframes...

http://themes.cmsmadesimple.org/Theme_Frameworks.html

[Lexy]

hi everyone newb hr...nice to meet you all...

[dsims]

would overflow:scroll; help