473,327 Members | 2,074 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,327 software developers and data experts.

Page sizing question

Prior to using style sheets, I used tables to lay out my pages. I
always used percentages when specifying widths so that the page would
fit nicely in the browsers regardless of the size of the window.

Now that I have started to use style sheets for layout purposes, I am
faced with some odd results when I try to create pages that are
resizable. I end up with boxes that jump down underneath other
elements if the window is resized too small.

Because of this, I have begun, reluctantly, to use fixed widths and
heights for my pages. The page sizes will remain static regardless of
the window size, but I am guaranteed that everything will stay put
where I want it.

I have found large sites that use both types. espn.com uses fixed
width pages. google.com uses dynamic pages.

I am curious what the concensus is on fixed width vs dynamic width
pages. Is one preferred over the other?

Any opinions or preferences?

Also, does anyone have any tips for using dynamic width pages while
preventing boxes from wrapping if the window is too small?

Thanks,
John S.
Jul 20 '05 #1
1 1786
jo*********@jstorta.com (J.Storta) wrote:
Prior to using style sheets, I used tables to lay out my pages. I
always used percentages when specifying widths so that the page would
fit nicely in the browsers regardless of the size of the window.

Now that I have started to use style sheets for layout purposes, I am
faced with some odd results when I try to create pages that are
resizable. I end up with boxes that jump down underneath other
elements if the window is resized too small.
What's odd about that? It's one of the advantages of CSS over tables.
Because of this, I have begun, reluctantly, to use fixed widths and
heights for my pages. The page sizes will remain static regardless of
the window size, but I am guaranteed that everything will stay put
where I want it.
Why is it important that they stay in the same position? Presumably
there's no relationship between the content on the left and the
content on the right (if there was then a table would be the best
choice) they are merely to be presented one after the other. And one
after the other can be either right after left OR bottom after top
(assuming a LTR TTB language).
I am curious what the concensus is on fixed width vs dynamic width
pages. Is one preferred over the other?
Dynamic is better unless your content itself is inherently fixed
width.
Also, does anyone have any tips for using dynamic width pages while
preventing boxes from wrapping if the window is too small?


How small is too small? Depends on how many columns you have and what
they contain. If they only contain text then the minimum width of the
window is obviously the sum of the lengths of the longest words in
each column. If they contain images or other fixed size elements then
the minimum width is the sum of those elements.

Using positioning rather than floating will stop the wrapping but will
IMO make the layout more prone to strange effects.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

11
by: annie | last post by:
Hello all. I am writing an XSL stylesheet that automatically converts a page with frames to a noframes equivalent of this page, using tables. I can get the positioning of each frame write in the...
5
by: ima | last post by:
I'm attempting to use CSS for a three column layout. My problem is that although I'm using width % ie. column1 width 20%, column2 width 60%, and column3 20%, I end up with a horizontal scroll bar...
3
by: reachmano | last post by:
Hello everyone: When I view my web-page on different computers, I am having trouble with re-sizing the screen on some of them. Was wondering what should be done differently to take care of the...
7
by: SteveM | last post by:
I am sure this is an easy question, but being relatively new to ASP.NET programming, I can not quite grasp what I need to accomplish what I need to do. What I have is a word document that is...
6
by: RoseW | last post by:
This is a collection of images with its own style sheet to create the hover over the thumbnail and the larger image appears. http://www4.webng.com/chesleyhs/images/planting/Planting.html Narrow...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.