By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,487 Members | 1,085 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,487 IT Pros & Developers. It's quick & easy.

How to set limit to the window width

P: n/a
I have a 3 column CSS. When I resize the windows to smaller size, the
left and right column width are not change, but the middle column will
shrink.
What I want to do is to set a limitation to the middle column so it
can shrink only up to certain width said 100px. so when I keep
shrinking the windows until really small, I have to scroll left and
right to see the content.

Eg, www.mywebhome.ca

Please advice. Thanks.
Jul 20 '05 #1
Share this Question
Share on Google+
7 Replies


P: n/a
jo****@yahoo.com wrote:
What I want to do is to set a limitation to the middle column so it
can shrink only up to certain width said 100px.
min-width: 100px; /* does not work in IE Win */
so when I keep shrinking the windows until really small, I have to
scroll left and right to see the content.


I can't imagine why you *want* horizontal scrolling. Most web authors
want to avoid them. But it's your site.

--
Brian (remove "invalid" from my address to email me)
http://www.tsmchughs.com/
Jul 20 '05 #2

P: n/a
In article Brian wrote:
jo****@yahoo.com wrote:
What I want to do is to set a limitation to the middle column so it
can shrink only up to certain width said 100px.


min-width: 100px; /* does not work in IE Win */
so when I keep shrinking the windows until really small, I have to
scroll left and right to see the content.


I can't imagine why you *want* horizontal scrolling. Most web authors
want to avoid them. But it's your site.


Because he is using 3 col layout, that just don't work on small window.
Instead of solving problem (one column too many), he tries to make it
look bit less nasty and allow main content area to have more than one
word at a line.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
I'm looking for work | Etsin työtä
Jul 20 '05 #3

P: n/a
Lauri Raittila <la***@raittila.cjb.net> wrote in message news:<MP************************@news.individual.n et>...
In article Brian wrote:
jo****@yahoo.com wrote:
What I want to do is to set a limitation to the middle column so it
can shrink only up to certain width said 100px.


min-width: 100px; /* does not work in IE Win */
so when I keep shrinking the windows until really small, I have to
scroll left and right to see the content.


I can't imagine why you *want* horizontal scrolling. Most web authors
want to avoid them. But it's your site.


Because he is using 3 col layout, that just don't work on small window.
Instead of solving problem (one column too many), he tries to make it
look bit less nasty and allow main content area to have more than one
word at a line.


Yes, thats exactly what I mean. So, anyway to set the min-width for IE??
Jul 20 '05 #4

P: n/a
In article jo****@yahoo.com wrote:
Lauri Raittila <la***@raittila.cjb.net> wrote in message news:<MP************************@news.individual.n et>...
Because he is using 3 col layout, that just don't work on small window.
Instead of solving problem (one column too many), he tries to make it
look bit less nasty and allow main content area to have more than one
word at a line.


Yes, thats exactly what I mean.


That's what I thought.
So, anyway to set the min-width for IE??


To only shoot yourself on toe, instead of foot, find that min-width JS
hack for IE.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
I'm looking for work | Etsin työtä
Jul 20 '05 #5

P: n/a
I just read code from http://www.svendtofte.com/code/max_width_in_ie/ where
can do the trick. However when I use it in my css, the web page hang and not
responding when I minimize it.

Below is my code fro middle div:

#middle {
margin: 0px 185px 0px 175px;
padding-top:10px;
padding-bottom:15px;
border: #999 1px solid;
min-width:800px;
width:expression(document.body.clientWidth < 800? "800px": "auto" );
}

Please advice. Thanks!
Jul 20 '05 #6

P: n/a
In article Jorntk wrote:
I just read code from http://www.svendtofte.com/code/max_width_in_ie/ where
can do the trick. However when I use it in my css, the web page hang and not
responding when I minimize it.

Below is my code fro middle div:


URL?

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
I'm looking for work | Etsin työtä
Jul 20 '05 #7

P: n/a
A bit of editing makes Lauri Raittila's point a bit clearer, perhaps.

jo****@yahoo.com wrote:
Lauri Raittila <la***@raittila.cjb.net> wrote

he is using 3 col layout, that just don't work on small
window. Instead of solving problem (one column too many)


Yes, thats exactly what I mean.


That you don't want to solve the problem?

--
Brian (remove "invalid" from my address to email me)
http://www.tsmchughs.com/
Jul 20 '05 #8

This discussion thread is closed

Replies have been disabled for this discussion.