Hi all,<br />
<br />
I was wondering if anyone can tell me on about sizing my webpage. The problem is really better seen rather than being explained but I'll do my best to explain the situation.<br />
I noticed many webpages have views depending on what the user's screen is viewed as. For example, <!-- w --><a class="postlink" href="http://www.cnn.com">www.cnn.com</a><!-- w --> has this feature on their website. If you are viewing through 800x600, then the page is filled on the entire screen. If you view on anything above that such as 960x720, the right side is indented.<br />
I'm assuming this is done using both javascript and css. Does anyone know how I can achieve this on my page?<!--content-->I believe you're referring to fixed-width VS. liquid layout.<br />
<br />
See this topic (<!-- m --><a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=18737">http://www.htmlforums.com/showthread.ph ... adid=18737</a><!-- m -->).<!--content-->Artic,<br />
<br />
From what I'm reading, I'm understanding that this resizing business is due to the web page having a fixed size. For example, the person who wrote the source might be working under 800x600. When they used tables or whatever, they probably used pixels to set the size rather than using percentages. Therefore when someone views it at a higher resolution, the pixels are left over leaving an indented space.<br />
All this time, I thought that they were doing this for style but I guess I was wrong. It's really an error that they made.<!--content-->I wouldn't exactly call it an error; just poor design.<br />
Imagine a fixed-width webpage that was designed on a 1600×1200 workstation monitor. It would require a lot of scrolling at 800×600.
Liquid layout is definitely the way to go.<!--content-->CNN is not liquid, I'm using 1024x768 and there's empty space at right.<!--content-->agent he didn't say it was liquid!<br />
i wouldnt go as far to call it poor design either, i set a fixed width to many pages becuase the content would just look too distorted sometimes, but it depends completely on the content in that page!<br />
besides with 90% of the internet on 800x600 it doesn't really make much difference
<!--content-->I agree that fixed-width is sometimes better. Making a complex page stretch can be tricky too.<br />
As long as it's centered, so the empty space is distributed evenly.<!--content-->My site (at it's current stage) is a good example of what happens when you build on a 15" monitor (settings at 800x600) and use NO percentages. <!-- w --><a class="postlink" href="http://www.bassanglersofsandiego.pair.com">www.bassanglersofsandiego.pair.com</a><!-- w --><br />
I could sure use some good expert information on this. I want all of the the images to stay the same as the viewers monitor size grows EXCEPT for the background. <br />
I have been reading about using tables and just haven't dove into it yet.<!--content-->i couldnt get past your intro page, didn't get an error or anything, it just wouldnt do anything when i clicked on enter.<br />
Anyway monitor size doesnt affect your layout, you could have a 200" monitor at 800X600 and it would be the same as on a 15" monitor, it's all down to resolution.<!--content-->Now you've got me wondering why you couldn't get past that page. What browser and modem size do you use BTW? That says a lot.<br />
It may be due to the fact I'm using a client-side image map on the Enter button, which really shouldn't matter, works perfectly fine at my house. I'm using a cable modem and IE6.<!--content-->leoo24, sorry. At least it was an opportunity to test my discernment<!--content-->lol, very true, 'discernment' i think many would have to look up to find its meaning 
<br />
<br />
<br />
by the way bassnshan i got through to your page in the end, yeahyou could use tables and %'s, seeing as your menu is one image with a map it won't change,nor will the rest of the page in tables<!--content-->"by the way bassnshan i got through to your page in the end, yeahyou could use tables and %'s, seeing as your menu is one image with a map it won't change,nor will the rest of the page in tables"<br />
<br />
leo, are you saying that having a client side image map will prevent the screen from expanding?<br />
<br />
As Johny Carson would say, " I did not know that".<br />
<br />
Recent site update: changed to tables in frames.www.bassanglersofsandiego.pair.com<!--content-->
<br />
I was wondering if anyone can tell me on about sizing my webpage. The problem is really better seen rather than being explained but I'll do my best to explain the situation.<br />
I noticed many webpages have views depending on what the user's screen is viewed as. For example, <!-- w --><a class="postlink" href="http://www.cnn.com">www.cnn.com</a><!-- w --> has this feature on their website. If you are viewing through 800x600, then the page is filled on the entire screen. If you view on anything above that such as 960x720, the right side is indented.<br />
I'm assuming this is done using both javascript and css. Does anyone know how I can achieve this on my page?<!--content-->I believe you're referring to fixed-width VS. liquid layout.<br />
<br />
See this topic (<!-- m --><a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=18737">http://www.htmlforums.com/showthread.ph ... adid=18737</a><!-- m -->).<!--content-->Artic,<br />
<br />
From what I'm reading, I'm understanding that this resizing business is due to the web page having a fixed size. For example, the person who wrote the source might be working under 800x600. When they used tables or whatever, they probably used pixels to set the size rather than using percentages. Therefore when someone views it at a higher resolution, the pixels are left over leaving an indented space.<br />
All this time, I thought that they were doing this for style but I guess I was wrong. It's really an error that they made.<!--content-->I wouldn't exactly call it an error; just poor design.<br />
Imagine a fixed-width webpage that was designed on a 1600×1200 workstation monitor. It would require a lot of scrolling at 800×600.
Liquid layout is definitely the way to go.<!--content-->CNN is not liquid, I'm using 1024x768 and there's empty space at right.<!--content-->agent he didn't say it was liquid!<br />i wouldnt go as far to call it poor design either, i set a fixed width to many pages becuase the content would just look too distorted sometimes, but it depends completely on the content in that page!<br />
besides with 90% of the internet on 800x600 it doesn't really make much difference
<!--content-->I agree that fixed-width is sometimes better. Making a complex page stretch can be tricky too.<br />As long as it's centered, so the empty space is distributed evenly.<!--content-->My site (at it's current stage) is a good example of what happens when you build on a 15" monitor (settings at 800x600) and use NO percentages. <!-- w --><a class="postlink" href="http://www.bassanglersofsandiego.pair.com">www.bassanglersofsandiego.pair.com</a><!-- w --><br />
I could sure use some good expert information on this. I want all of the the images to stay the same as the viewers monitor size grows EXCEPT for the background. <br />
I have been reading about using tables and just haven't dove into it yet.<!--content-->i couldnt get past your intro page, didn't get an error or anything, it just wouldnt do anything when i clicked on enter.<br />
Anyway monitor size doesnt affect your layout, you could have a 200" monitor at 800X600 and it would be the same as on a 15" monitor, it's all down to resolution.<!--content-->Now you've got me wondering why you couldn't get past that page. What browser and modem size do you use BTW? That says a lot.<br />
It may be due to the fact I'm using a client-side image map on the Enter button, which really shouldn't matter, works perfectly fine at my house. I'm using a cable modem and IE6.<!--content-->leoo24, sorry. At least it was an opportunity to test my discernment
<!--content-->lol, very true, 'discernment' i think many would have to look up to find its meaning <br /><br />
<br />
by the way bassnshan i got through to your page in the end, yeahyou could use tables and %'s, seeing as your menu is one image with a map it won't change,nor will the rest of the page in tables
<!--content-->"by the way bassnshan i got through to your page in the end, yeahyou could use tables and %'s, seeing as your menu is one image with a map it won't change,nor will the rest of the page in tables"<br /><br />
leo, are you saying that having a client side image map will prevent the screen from expanding?<br />
<br />
As Johny Carson would say, " I did not know that".<br />
<br />
Recent site update: changed to tables in frames.www.bassanglersofsandiego.pair.com<!--content-->