Website Resizing issue

Tweak155

Lifer
Sep 23, 2003
11,449
264
126
I'm trying to make it so when someone resizes their web browser window, it doesn't push things around on a web page.

Instead if they make the screen smaller, it forces the user to use scroll bars rather than pushing things in and the browser tries to squish the contents down so they fit the newly sized screen.

Any ideas on this? I must really suck at googling because I can't figure it out.
 

LokutusofBorg

Golden Member
Mar 20, 2001
1,065
0
76
If you want to have static widths then you are fine using the width attribute. Should work in all browsers. However, if you want to have dynamic width for really wide screens, but then have a minimum width the user can't go past, you're SoL. There is a minWidth CSS attribute, but not all browsers respect it. You have to resort to javascript.
 

Tweak155

Lifer
Sep 23, 2003
11,449
264
126
If you want to have static widths then you are fine using the width attribute. Should work in all browsers. However, if you want to have dynamic width for really wide screens, but then have a minimum width the user can't go past, you're SoL. There is a minWidth CSS attribute, but not all browsers respect it. You have to resort to javascript.

I'm interested in javascript as I've started to really like web programming and getting things to look how I want them. I've dug into Gimp and have been able to make things I was actually trying to make now, instead of looking for tutorials.

That being said, there was an interesting site I saw which I believe used JavaScript.

Go to http://www.fatfreecart.com/ and hit add to cart or view to cart. If I could piece something like that together I'd be ecstatic. Any idea where to get me started?

EDIT:

Also the width function did not work which is why I was trying to find a solution. The link provided above worked perfect.
 
Last edited: