How To Make A Auto Height Adjusting Website? - Height increases depending on the size of the content.

I just got a fresh idea on my new site. I got every thing planed out, the content and the colours i'm going to use for the layout. But osmething else came to my mind. I have seen site when if the text is bigger, the hegiht of the layout increases, without affections the layouts design. A good example would be blogs, where when you make more entries they go down the page rather than making new pages. I did think about i frames, but that is not what i was looking for. I dont mind if it is in PHP, as most of my site is.

Comment/Reply (w/o sign-up)

And it also adjusts to Screen Resolution (this dosent matter, but if you know can you please tell me)

Comment/Reply (w/o sign-up)

A simple way to do this, is to make a table with three culoms, vertical align these to "top". then add a table in every table column as well. I did this when I coded www.Qlasics-Gaming.com and it works out pretty well.

Comment/Reply (w/o sign-up)

yeah you will need to use tables and here is a quick tutorial that will help out http://www.tutorialfx.com/view_tutorial.php?id=8

Comment/Reply (w/o sign-up)

The only other thing i wasnt sure if you were asking about that was not answered was if you wanted the site to always have a certain height so that no scroll bars would be on the sides of the site. In order to do this you have to use javascript or php to get the current screen size and then adjust the data so that it would fit. The only problems with this is that you would have to just assume that a browser like firefox was not increasing your chosen font size because there is no way to determine what font size it is chosing. Hope this helps if this was what you were asking. If it wasnt, read the above posts but i figured i would just make sure.

Comment/Reply (w/o sign-up)

Yeah this is what i was asking about. Thank you, I found this tutorial very useful: http://www.tutorialfx.com/view_tutorial.php?id=8

That was what i was asking, and the other bit the screen resolution, for example, this site Invision Forums, when you view this on a monitor of 1600 x 1200, and 800 x 600, they both look the same. The header goes from the full left to full right. But when you view sites, like Google (just as an example that everyone would know, plus they don’t tend to make it like that). The size looks different on each monitor.

I would like to know if there is a script which makes the size bigger according to the screen resolution.




One more thing i looked at the tutorial closely, it requires Dreamweaver, i do have itbut i do most of my coding at school, and they dont have it, is tehre any other tutorial which dosnet use Dream weaver?

Comment/Reply (w/o sign-up)

You don't need to use tables. You can do it table-free using CSS and it'll be far more flexible and scalable. You also don't need a script to adjust your design depending on screen resolution. Again, using CSS this can be done automatically. It's called creating a 'fluid' layout.

Comment/Reply (w/o sign-up)