Comments on: Min-width and Max-width template http://friendlybit.com/css/min-width-and-max-width-template/ You have found Friendly Bit, a web development blog. I focus on client side technologies like CSS, HTML and Javascript. You find my articles below and categories to the right. Fri, 12 Mar 2010 22:50:44 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Alexhttp://friendlybit.com/css/min-width-and-max-width-template/#comment-33161 Alex Tue, 03 Nov 2009 22:03:35 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-33161 And this works? I mean JavaScript inside CSS, what says the W3C-Validator for stylesheet, is that solution CSS 2.1 valid? And this works? I mean JavaScript inside CSS, what says the W3C-Validator for stylesheet, is that solution CSS 2.1 valid?

]]> By: IT???? | IE6???CSS???????????????????http://friendlybit.com/css/min-width-and-max-width-template/#comment-33154 IT???? | IE6???CSS??????????????????? Wed, 28 Oct 2009 01:55:25 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-33154 [...] Min-width and Max-width template – Friendly Bit [...] [...] Min-width and Max-width template – Friendly Bit [...]

]]> By: Rickhttp://friendlybit.com/css/min-width-and-max-width-template/#comment-31401 Rick Mon, 26 Jan 2009 13:26:37 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-31401 Hey Emil,Thanks much for answering this so quickly (esp. since the last post here was 1.5 years ago!). I just totally missed that link.Your solution worked wonderfully, and I sincerely appreciate it! :)Rick Hey Emil,

Thanks much for answering this so quickly (esp. since the
last post here was 1.5 years ago!).
I just totally missed that link.

Your solution worked wonderfully, and I sincerely appreciate it! :)

Rick

]]> By: Emil Stenströmhttp://friendlybit.com/css/min-width-and-max-width-template/#comment-31397 Emil Stenström Sun, 25 Jan 2009 22:07:57 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-31397 @Rick: See the example in the end, it includes everything you need. You can test that page in multiple browsers to confirm that it does if you want to. @Rick: See the example in the end, it includes everything you need. You can test that page in multiple browsers to confirm that it does if you want to.

]]> By: Rickhttp://friendlybit.com/css/min-width-and-max-width-template/#comment-31394 Rick Sun, 25 Jan 2009 17:10:10 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-31394 Hi,What happened to: min-width: 760px; max-width: 960px; width: 100%; Shown in the 1st example, that is not included in the 2nd example (the one for the IE6 fix)? Should it be included? If so, where? Thanks :) Hi,

What happened to:
min-width: 760px;
max-width: 960px;
width: 100%;
Shown in the 1st example, that is not included in the 2nd example (the one for the IE6 fix)?
Should it be included?
If so, where?
Thanks :)

]]> By: Monotone Monologue 2.6.3http://friendlybit.com/css/min-width-and-max-width-template/#comment-31303 Monotone Monologue 2.6.3 Wed, 10 Dec 2008 11:27:15 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-31303 [...] Friendly Bit: Min-width and Max-width template [...] [...] Friendly Bit: Min-width and Max-width template [...]

]]> By: Kravvitzhttp://friendlybit.com/css/min-width-and-max-width-template/#comment-25891 Kravvitz Tue, 03 Jul 2007 21:45:52 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-25891 Setting a width triggers hasLayout, so using height:1% is unnecessary here. Setting a width triggers hasLayout, so using height:1% is unnecessary here.

]]> By: jonny_nooghttp://friendlybit.com/css/min-width-and-max-width-template/#comment-25161 jonny_noog Mon, 11 Jun 2007 22:52:06 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-25161 Hi Emil,The problem I have found recently with quite a number of hand-held devices is that they are not picking up on hand-held stylesheets. Sadly it seems that many manufacturers are either unaware of this feature, or do not wish to implement it. :( Hi Emil,

The problem I have found recently with quite a number of hand-held devices is that they are not picking up on hand-held stylesheets. Sadly it seems that many manufacturers are either unaware of this feature, or do not wish to implement it. :(

]]> By: Jeena Paradieshttp://friendlybit.com/css/min-width-and-max-width-template/#comment-25090 Jeena Paradies Sat, 09 Jun 2007 19:29:12 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-25090 Hej Emil,There is no document.documentElement.clientWidth in IE 5.x, but there is document.body.clientWidth. The problem: IE6 frezes with document.body.clientWidth in standard compilant mode.Sorry I was a little bit confused when I wrote ma last comment :-D Hej Emil,

There is no document.documentElement.clientWidth in IE 5.x, but there is document.body.clientWidth. The problem: IE6 frezes with document.body.clientWidth in standard compilant mode.

Sorry I was a little bit confused when I wrote ma last comment :-D

]]> By: Emil Stenströmhttp://friendlybit.com/css/min-width-and-max-width-template/#comment-25023 Emil Stenström Wed, 06 Jun 2007 18:51:47 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-25023 @Jeena: The code I posted works on IE6 in standards mode so I'm not sure how your code fixes anything? I always develop in standards mode, so I don't need fallback in quirks. Other than that your code does exactly the same as the one posted. @Jeena: The code I posted works on IE6 in standards mode so I’m not sure how your code fixes anything? I always develop in standards mode, so I don’t need fallback in quirks. Other than that your code does exactly the same as the one posted.

]]> By: Emil Stenströmhttp://friendlybit.com/css/min-width-and-max-width-template/#comment-25022 Emil Stenström Wed, 06 Jun 2007 18:47:24 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-25022 @Kevin Moore: My suggestion for that problem is to have a handheld CSS that changes the layout to something that works on mobile phones. @Kevin Moore: My suggestion for that problem is to have a handheld CSS that changes the layout to something that works on mobile phones.

]]> By: Jeena Paradieshttp://friendlybit.com/css/min-width-and-max-width-template/#comment-25020 Jeena Paradies Wed, 06 Jun 2007 17:31:55 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-25020 Hi,There is a problem with IE 6 in standard compilant mode, it uses an other method to get the width than all other IEs. Therefore I developed this version:* html #foo { width: 995px; width: expression( (document.documentElement && document.documentElement.clientHeight) ? (document.documentElement.clientWidth > 1265 ) ? "1265px" : "auto") : (document.body.clientWidth > 1265 ) ? "1265px" : "auto") ); } Hi,

There is a problem with IE 6 in standard compilant mode, it uses an other method to get the width than all other IEs. Therefore I developed this version:

* html #foo {
width: 995px;
width: expression(
(document.documentElement && document.documentElement.clientHeight) ?
(document.documentElement.clientWidth > 1265 ) ? “1265px” : “auto”) :
(document.body.clientWidth > 1265 ) ? “1265px” : “auto”)
);
}

]]> By: Kevin Moorehttp://friendlybit.com/css/min-width-and-max-width-template/#comment-25000 Kevin Moore Wed, 06 Jun 2007 04:02:28 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-25000 This is a very good suggestion, particularly on the max-width end. My only concern about min-width is that more people are browsing with their cell phones and other hand-held devices that have much smaller screens. Also, users tend to disable javascript to minimize downloading time. Setting a minimum width could create access problems for them. This is a very good suggestion, particularly on the max-width end. My only concern about min-width is that more people are browsing with their cell phones and other hand-held devices that have much smaller screens. Also, users tend to disable javascript to minimize downloading time. Setting a minimum width could create access problems for them.

]]> By: lewishttp://friendlybit.com/css/min-width-and-max-width-template/#comment-24826 lewis Thu, 31 May 2007 04:00:48 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-24826 having moved from a 19" to a 22" monitor in the past few weeks not only has it provoked a re-evaluation of how i view the web but i've developed a habit for browsing in vertically tiled windows (two pages/sites side by side). don't ask me why when you can use tabs, but nevertheless...this raises the question of designing (reverting for some who design at 1024x minimum) in 800x wrappers again. where once i would find an 800x width too small i now embrace it.regardless, it does re-emphasize the importance of liquid layouts. this issue is something i'm going to enjoy pondering at some point this summer.cheers for highlighting it emil. having moved from a 19″ to a 22″ monitor in the past few weeks not only has it provoked a re-evaluation of how i view the web but i’ve developed a habit for browsing in vertically tiled windows (two pages/sites side by side). don’t ask me why when you can use tabs, but nevertheless…

this raises the question of designing (reverting for some who design at 1024x minimum) in 800x wrappers again. where once i would find an 800x width too small i now embrace it.

regardless, it does re-emphasize the importance of liquid layouts. this issue is something i’m going to enjoy pondering at some point this summer.

cheers for highlighting it emil.

]]> By: Jens Wedinhttp://friendlybit.com/css/min-width-and-max-width-template/#comment-24799 Jens Wedin Wed, 30 May 2007 07:21:38 +0000 http://friendlybit.com/css/min-width-and-max-width-template/#comment-24799 Thanks, shorter is better, right? Thanks, shorter is better, right?

]]>