{"id":438,"date":"2008-06-05T11:27:00","date_gmt":"2008-06-05T11:27:00","guid":{"rendered":"https:\/\/chayilyam.com\/stories\/?p=438"},"modified":"2008-06-05T11:27:00","modified_gmt":"2008-06-05T11:27:00","slug":"minimum-width-for-a-page","status":"publish","type":"post","link":"https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/","title":{"rendered":"Minimum width for a page"},"content":{"rendered":"

A very handy CSS command that exists is the min-width command, whereby you can specify a minimum width for any element. This can be particularly useful for specifying a minimum width for a page.<\/p>\n

Unfortunately, IE doesn’t understand this command, so we’ll need to come up with a new way of making this work in this browser. First, we’ll insert a <\/p>\n

under the tag, as we can’t assign a minimum width to the :<\/p>\n

<\/p>\n

\n

Next we create our CSS commands, so as to create a minimum width of 600px:<\/p>\n

#container
{
min-width: 600px;
width:expression(document.body.clientWidth < 600? \"600px\": \"auto\" );
}<\/p>\n

The first command is the regular minimum width command; the second is a short JavaScript command that only IE understands. Do note though, this command will cause your CSS document to invalidate so you may prefer to insert it into the head of each HTML document to get round this.<\/p>\n

You might also want to combine this minimum width with a maximum width:<\/p>\n

#container
{
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600? \"600px\" : document.body.clientWidth > 1200? “1200px” : “auto”);
}<\/p>\n","protected":false},"excerpt":{"rendered":"

A very handy CSS command that exists is the min-width command, whereby you can specify a minimum width for any element. This can be particularly useful for specifying a minimum width for a page. Unfortunately, IE doesn’t understand this command, so we’ll need to come up with a new way of making this work in …<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[81,85],"tags":[1627,1646,1349],"class_list":["post-438","post","type-post","status-publish","format-standard","hentry","category-css","category-css3","tag-css","tag-help","tag-tutorial"],"yoast_head":"\nChayilyam, north malabar, Theyyam stories %<\/title>\n<meta name=\"description\" content=\"Cultural Stories of North Malabar, Kasaragod, Kerala.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chayilyam, north malabar, Theyyam stories %\" \/>\n<meta property=\"og:description\" content=\"Cultural Stories of North Malabar, Kasaragod, Kerala.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0d1a\u0d3e\u0d2f\u0d3f\u0d32\u0d4d\u0d2f\u0d02\" \/>\n<meta property=\"article:published_time\" content=\"2008-06-05T11:27:00+00:00\" \/>\n<meta name=\"author\" content=\"Rajesh Odayanchal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rajesh Odayanchal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/minimum-width-for-a-page\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/minimum-width-for-a-page\\\/\"},\"author\":{\"name\":\"Rajesh Odayanchal\",\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/#\\\/schema\\\/person\\\/e52e7ee6b7cb47827e6d00b2db5ba3b7\"},\"headline\":\"Minimum width for a page\",\"datePublished\":\"2008-06-05T11:27:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/minimum-width-for-a-page\\\/\"},\"wordCount\":186,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/#organization\"},\"keywords\":[\"css\",\"help\",\"tutorial\"],\"articleSection\":[\"css\",\"css3\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/chayilyam.com\\\/stories\\\/minimum-width-for-a-page\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/minimum-width-for-a-page\\\/\",\"url\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/minimum-width-for-a-page\\\/\",\"name\":\"Chayilyam, north malabar, Theyyam stories %\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/#website\"},\"datePublished\":\"2008-06-05T11:27:00+00:00\",\"description\":\"Cultural Stories of North Malabar, Kasaragod, Kerala.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/minimum-width-for-a-page\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/chayilyam.com\\\/stories\\\/minimum-width-for-a-page\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/minimum-width-for-a-page\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Minimum width for a page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/#website\",\"url\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/\",\"name\":\"\u0d1a\u0d3e\u0d2f\u0d3f\u0d32\u0d4d\u0d2f\u0d02\",\"description\":\"\u0d06\u0d38\u0d41\u0d30\u0d24\u0d3e\u0d33\u0d19\u0d4d\u0d19\u0d7e\u0d15\u0d4d\u0d15\u0d4a\u0d30\u0d3e\u0d2e\u0d41\u0d16\u0d02\",\"publisher\":{\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/#organization\",\"name\":\"Chayilyam\",\"url\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/malabar-theyyam-chayilyam-01.jpg\",\"contentUrl\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/malabar-theyyam-chayilyam-01.jpg\",\"width\":724,\"height\":352,\"caption\":\"Chayilyam\"},\"image\":{\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/rajeshodayanchal\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/odayanchal\\\/\",\"https:\\\/\\\/myspace.com\\\/odayanchal\\\/\",\"https:\\\/\\\/in.pinterest.com\\\/odayanchal\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/rajeshodayanchal\\\/\",\"https:\\\/\\\/ml.wikipedia.org\\\/wiki\\\/User:Rajeshodayanchal\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/#\\\/schema\\\/person\\\/e52e7ee6b7cb47827e6d00b2db5ba3b7\",\"name\":\"Rajesh Odayanchal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/571858cd105e113dec906bf8458a9405cad24b0cc9cad29ff9e7475229be2d69?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/571858cd105e113dec906bf8458a9405cad24b0cc9cad29ff9e7475229be2d69?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/571858cd105e113dec906bf8458a9405cad24b0cc9cad29ff9e7475229be2d69?s=96&d=mm&r=g\",\"caption\":\"Rajesh Odayanchal\"},\"sameAs\":[\"http:\\\/\\\/odayanchal.com\"],\"url\":\"https:\\\/\\\/chayilyam.com\\\/stories\\\/author\\\/Rajesh\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Chayilyam, north malabar, Theyyam stories %","description":"Cultural Stories of North Malabar, Kasaragod, Kerala.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/","og_locale":"en_US","og_type":"article","og_title":"Chayilyam, north malabar, Theyyam stories %","og_description":"Cultural Stories of North Malabar, Kasaragod, Kerala.","og_url":"https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/","og_site_name":"\u0d1a\u0d3e\u0d2f\u0d3f\u0d32\u0d4d\u0d2f\u0d02","article_published_time":"2008-06-05T11:27:00+00:00","author":"Rajesh Odayanchal","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Rajesh Odayanchal","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/#article","isPartOf":{"@id":"https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/"},"author":{"name":"Rajesh Odayanchal","@id":"https:\/\/chayilyam.com\/stories\/#\/schema\/person\/e52e7ee6b7cb47827e6d00b2db5ba3b7"},"headline":"Minimum width for a page","datePublished":"2008-06-05T11:27:00+00:00","mainEntityOfPage":{"@id":"https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/"},"wordCount":186,"commentCount":0,"publisher":{"@id":"https:\/\/chayilyam.com\/stories\/#organization"},"keywords":["css","help","tutorial"],"articleSection":["css","css3"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/","url":"https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/","name":"Chayilyam, north malabar, Theyyam stories %","isPartOf":{"@id":"https:\/\/chayilyam.com\/stories\/#website"},"datePublished":"2008-06-05T11:27:00+00:00","description":"Cultural Stories of North Malabar, Kasaragod, Kerala.","breadcrumb":{"@id":"https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/chayilyam.com\/stories\/minimum-width-for-a-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chayilyam.com\/stories\/"},{"@type":"ListItem","position":2,"name":"Minimum width for a page"}]},{"@type":"WebSite","@id":"https:\/\/chayilyam.com\/stories\/#website","url":"https:\/\/chayilyam.com\/stories\/","name":"\u0d1a\u0d3e\u0d2f\u0d3f\u0d32\u0d4d\u0d2f\u0d02","description":"\u0d06\u0d38\u0d41\u0d30\u0d24\u0d3e\u0d33\u0d19\u0d4d\u0d19\u0d7e\u0d15\u0d4d\u0d15\u0d4a\u0d30\u0d3e\u0d2e\u0d41\u0d16\u0d02","publisher":{"@id":"https:\/\/chayilyam.com\/stories\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chayilyam.com\/stories\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/chayilyam.com\/stories\/#organization","name":"Chayilyam","url":"https:\/\/chayilyam.com\/stories\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/chayilyam.com\/stories\/#\/schema\/logo\/image\/","url":"https:\/\/chayilyam.com\/stories\/wp-content\/uploads\/2014\/11\/malabar-theyyam-chayilyam-01.jpg","contentUrl":"https:\/\/chayilyam.com\/stories\/wp-content\/uploads\/2014\/11\/malabar-theyyam-chayilyam-01.jpg","width":724,"height":352,"caption":"Chayilyam"},"image":{"@id":"https:\/\/chayilyam.com\/stories\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/rajeshodayanchal\/","https:\/\/www.linkedin.com\/in\/odayanchal\/","https:\/\/myspace.com\/odayanchal\/","https:\/\/in.pinterest.com\/odayanchal\/","https:\/\/www.youtube.com\/user\/rajeshodayanchal\/","https:\/\/ml.wikipedia.org\/wiki\/User:Rajeshodayanchal"]},{"@type":"Person","@id":"https:\/\/chayilyam.com\/stories\/#\/schema\/person\/e52e7ee6b7cb47827e6d00b2db5ba3b7","name":"Rajesh Odayanchal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/571858cd105e113dec906bf8458a9405cad24b0cc9cad29ff9e7475229be2d69?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/571858cd105e113dec906bf8458a9405cad24b0cc9cad29ff9e7475229be2d69?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/571858cd105e113dec906bf8458a9405cad24b0cc9cad29ff9e7475229be2d69?s=96&d=mm&r=g","caption":"Rajesh Odayanchal"},"sameAs":["http:\/\/odayanchal.com"],"url":"https:\/\/chayilyam.com\/stories\/author\/Rajesh\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_shortlink":"https:\/\/wp.me\/pfoK1S-74","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/posts\/438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/comments?post=438"}],"version-history":[{"count":0,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/posts\/438\/revisions"}],"wp:attachment":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/media?parent=438"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/categories?post=438"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/tags?post=438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}