When resizing browser, all page content bunches up

I'm building an e-commerce site in 1024x768 resolution, which probably has something to do with it. But, whenever I view the site, if my browser window is anything less than full screen, everything on my site crunches together.  When I resize the browser window to smaller, it's like everything tries to fit in the screen instead of just staying put. I built a previous site in the same resolution and it did the same thing. HELP! Thanks
jackman045Asked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
moduloConnect With a Mentor Commented:
PAQed with no points refunded (of 125)

modulo
Community Support Moderator
0
 
dave_the_braveCommented:
Can you post some code or a link to your page so we can see what happens?

Are you using StyleSheets (CSS)? You can specificaly set the width, height and position of any object. You can either specify it in px, in, cm, etc. or relative measurements %, em, ex. If you are using % for example, it will resize along with the window size. Well, it is a little more complicated than that. But generaly speaking, that's the case.
With absolute measurements such as px (pixel), the content won't resize, causing scroll bars to appear, if you didn't hide them.

Here's a pretty good article: http://www.webreference.com/html/tutorial18/

The site has more stuff. Take a look: http://www.webreference.com/html/tutorials/
0
 
LeroyskiCommented:
My piece of advice: a website designed specificly for one resolution, is a BAD website. Especially for the resolution 1024 x 768; there are still many people using resolution 800 x 600.

Efficient ways of achieving a website that 'fits' regardless of resolution, is to use mostly percentage widths, or to use a width that is certain to fit in any resolution, for example, trying not to exced a total width of 750 pixels on your website.
0
The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

 
COBOLdinosaurCommented:
If you want a rigid page (poor design) and you are assuming that your visitors are all going to use 1024 resolution (about 35% do), then right after the body tage create a rigid frame work like this:

<body>
<div style="width:1024px">
the rest of your code
</div>
</body>

That should pretty much make things stay in place and will just add scrollbars when the page does not fit.  There might be some minor quirks for positioned elements, but thos can be dealt with on a one be one basis.

Cd&
0
 
acraig1Commented:
If you want to maintain position on the screen you can use stye to absolutely position your items on the screen so they do not move.  Put the following item in your tag.
style="Z-INDEX: 101; LEFT: 189px; POSITION: absolute; TOP: 15px"

Modify the style for each tag to change the position of each item.
0
 
paradise45Commented:
I face this problem before. One thing which i think it may usefull to you.

Create a table which is using width = 1024. Then put all your content in the table. So that, the content will not resize when you resize the ie.

Hope it may help you.....
0
 
COBOLdinosaurCommented:
There is good information here, but it is not possible to determine if any of it help, as the user took the irresponsible approach of neither replying to any of the comments or supplying the addition information requested.  So, PAQ with no refund IMHO.

Cd&
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.