Solved

When resizing browser, all page content bunches up

Posted on 2004-04-07
9
211 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
Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

 

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

[Webinar] Learn How Hackers Steal Your Credentials

Do You Know How Hackers Steal Your Credentials? Join us and Skyport Systems to learn how hackers steal your credentials and why Active Directory must be secure to stop them. Thursday, July 13, 2017 10:00 A.M. PDT

Question has a verified solution.

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

Shoutout to Emily Plummer (http://www.experts-exchange.com/members/eplummer26.html) for giving me this article! She did most of it, I just finished it up and posted it for her :)    Introduction In a previous article (http://www.experts-exchang…
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.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

627 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