# Preventing objects from moving when I change browser size..

**URL:** https://boards.straightdope.com/t/preventing-objects-from-moving-when-i-change-browser-size/403716
**Category:** Factual Questions
**Created:** [May 11, 2007, 4:47pm UTC](https://boards.straightdope.com/t/preventing-objects-from-moving-when-i-change-browser-size/403716 "2007-05-11T16:47:48Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Surbey](https://avatars.discourse-cdn.com/v4/letter/s/4491bb/32.png) [@Surbey](https://boards.straightdope.com/u/Surbey)
#### Post date: [May 11, 2007, 4:47pm UTC](https://boards.straightdope.com/t/preventing-objects-from-moving-when-i-change-browser-size/403716/1 "2007-05-11T16:47:48Z")

</div>

I’m coding a webpage right now and I’m using CSS. I’ve specified an images size and heigth. Unfortunately, when I minimize the browser or make it smaller than max, it moves the object and pushes everything down. Is there any way I can make object and everything else on my page stay the same size no matter what the browser size is? Ideally, I’d want them to just scroll left or right if they need to see something they can’t currently see.

Does this make sense?

---

<div class="post-metadata">

### Author: ![Duckster](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/duckster/32/1244_2.png) [@Duckster](https://boards.straightdope.com/u/Duckster)
#### Post date: [May 11, 2007, 4:53pm UTC](https://boards.straightdope.com/t/preventing-objects-from-moving-when-i-change-browser-size/403716/2 "2007-05-11T16:53:46Z")

</div>

Are you using a liquid or an elastic layout? Got a URL to see?

---

<div class="post-metadata">

### Author: ![Sapo](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@Sapo](https://boards.straightdope.com/u/Sapo)
#### Post date: [May 11, 2007, 6:45pm UTC](https://boards.straightdope.com/t/preventing-objects-from-moving-when-i-change-browser-size/403716/3 "2007-05-11T18:45:09Z")

</div>

A nasty solution is to use a clear .gif of the minimum width you want the page to keep. Let’s say your layout breaks at less than 600 pixels, then you have a clear 600x1 .gif that holds the page stretched. Quick and dirty.

---

<div class="post-metadata">

### Author: ![Duckster](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/duckster/32/1244_2.png) [@Duckster](https://boards.straightdope.com/u/Duckster)
#### Post date: [May 11, 2007, 6:47pm UTC](https://boards.straightdope.com/t/preventing-objects-from-moving-when-i-change-browser-size/403716/4 "2007-05-11T18:47:01Z")

</div>

[QUOTE=Sapo]  
A nasty solution is to use a clear .gif of the minimum width you want the page to keep. Let’s say your layout breaks at less than 600 pixels, then you have a clear 600x1 .gif that holds the page stretched. Quick and dirty.  
[/QUOTE]

Or keep the page footprint low and do it all in CSS by adding width: 600px; to the page container.

---

<div class="post-metadata">

### Author: ![Surbey](https://avatars.discourse-cdn.com/v4/letter/s/4491bb/32.png) [@Surbey](https://boards.straightdope.com/u/Surbey)
#### Post date: [May 12, 2007, 3:30am UTC](https://boards.straightdope.com/t/preventing-objects-from-moving-when-i-change-browser-size/403716/5 "2007-05-12T03:30:06Z")

</div>

[QUOTE=Duckster]  
Or keep the page footprint low and do it all in CSS by adding width: 600px; to the page container.  
[/QUOTE]

never thought about making the container a px size itself!
