auto-size
March 11th, 2010 Posted in portal.juzhang.com | editI've noticed that many websites, this one included, adjust their dimensions depending on your resolution, and how large the window displaying the site is. If you resize, formats such as centering, stay centered. If I take this window, and change its dimensions, you can watch the centered text readjust itself to fit in the center of the window.
Does anyone know how do this?
Thanks!
:)
That's perfect! I've always defined my column width explicitly (ie 640 pixels), and now I see the benefit of using ratios.
Thanks again,
Corticus
Basically:
1. Insert a table.
2. Create its columns.
3. Sure that's what you want?
4. Make the table width 100%
5. Make sure the width of the cells that make up the whole table total 100%.
So, for instance, www.theofficeexperts.com has (guessing numbers, I forget) a two-column table. The table width is 100% and the first column width is 40% and the second is 60%.
:)
This one http://www.quick-manage.com
probably has columns: 10%, 5%, 70%, 5%, and 10%...
and that bar at the top is just a row of merged cells....
Whats wrong with using tables?
Reasons why using tables is a bad idea (http://www.hotdesign.com/seybold/).
Why avoiding tables (for layout) is important (http://davespicks.com/essays/notables.html)
Tables or CSS: choosing a layout (http://evolt.org/article/Tables_or_CSS_Choosing_a_layout/25/21429/)
Why go table free? (http://www.workingwith.me.uk/table_free/seven_reasons_to_go_table_free)
Why Tables Are Bad (For Layout) Compared to Semantic HTML + CSS (http://www.sitepoint.com/article/tables-vs-css/)
The layout is dead, long live the layout (http://www.westciv.com/style_master/house/good_oil/dead_layout/)
How do you use CSS for layout then?
CSS layouts by Glish (http://glish.com/css/)
Practical CSS tips and tricks (http://alistapart.com/stories/practicalcss/)
w3schools on CSS (http://w3schools.com/css/default.asp)
Holy Grail Layout (http://css.maxdesign.com.au/floatutorial/tutorial0915.htm)
Max Designs (http://css.maxdesign.com.au/index.htm)
Hope you can make some use of all this info. ;)
#If you have any other info about this subject , Please add it free.# |
