Solved

When resizing browser, all page content bunches up

Posted on 2004-04-07
9
209 Views
Last Modified: 2010-04-06
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
0
Comment
Question by:jackman045
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
9 Comments
 

Expert Comment

by:dave_the_brave
ID: 10781840
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
 
LVL 1

Expert Comment

by:Leroyski
ID: 10781987
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
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 10784852
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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Expert Comment

by:acraig1
ID: 10792872
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
 
LVL 1

Expert Comment

by:paradise45
ID: 10876584
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
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 12554754
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
 

Accepted Solution

by:
modulo earned 0 total points
ID: 12624008
PAQed with no points refunded (of 125)

modulo
Community Support Moderator
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article covers the basics of the Sass, which is a CSS extension language. You will learn about variables, mixins, and nesting.
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

739 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question