{"id":513,"date":"2008-05-22T08:06:53","date_gmt":"2008-05-22T13:06:53","guid":{"rendered":"http:\/\/www.mccordwebdesign.com\/blog\/?p=109"},"modified":"2008-05-21T19:56:00","modified_gmt":"2008-05-22T00:56:00","slug":"page-layout-slip-sliding-around","status":"publish","type":"post","link":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/","title":{"rendered":"Page Layout Slip Sliding Around"},"content":{"rendered":"<p>You&#8217;ve seen websites like this, the layout slides around over lays other elements and looks very different in Firefox and Internet Explorer. Although the world is moving to all CSS website design layouts, there is still use for table layouts combined with CSS.<\/p>\n<p>I have found that these hybrid layouts may be more\u00a0cross-browser compatible and may in\u00a0some cases even load faster then\u00a0pure CSS designs. I do like the ability to make fast global changes with CSS, but have not stopped using tables all together for best practices.<\/p>\n<p>Case in point, in Dreamweaver CS3 use any CSS\u00a0three column layouts and then insert a Spry navigation menu. Even with absolute positioning, the menu is not locked down and\u00a0can slide around the page depending on which browser your use to view your site with. That&#8217;s a real problem! If you want it on the right, it needs to stay on the right! Lock the\u00a0Spry menu inside a table and position the table with CSS and you&#8217;ve solved the problem across all browsers.<\/p>\n<p>So will web design be all CSS in the very near future? Most likely not, but more will be moving into that same direction. Now, if we could only get all browsers to follow the same box model that would be\u00a0huge step, but, sigh with IE not following the path of\u00a0others, it makes it very difficult to embrace\u00a0a pure CSS layout and have it look great for everyone.\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You&#8217;ve seen websites like this, the layout slides around over lays other elements and looks very different in Firefox and Internet Explorer. Although the world is moving to all CSS website design layouts, there is still use for table layouts combined with CSS. I have found that these hybrid layouts may be more\u00a0cross-browser compatible and may in\u00a0some cases even load faster then\u00a0pure CSS designs. I do like the ability to make fast global changes with CSS, but have not stopped using tables all together for best practices. Case in point, in Dreamweaver CS3 use any CSS\u00a0three column layouts and then insert a Spry navigation menu. Even with absolute positioning, the menu is not locked down and\u00a0can slide around the page depending on which browser your use to view your site with. That&#8217;s a real problem! If you want it on the right, it needs to stay on the right! Lock the\u00a0Spry menu inside a table and position the table with CSS and you&#8217;ve solved the problem across all browsers. So will web design be all CSS in the very near future? Most likely not, but more will be moving into that same direction. Now, if we could only get all browsers to follow the same box model that would be\u00a0huge step, but, sigh with IE not following the path of\u00a0others, it makes it very difficult to embrace\u00a0a pure CSS layout and have it look great for everyone.\u00a0<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[435],"class_list":["post-513","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Page Layout Slip Sliding Around | The Web Authority<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page Layout Slip Sliding Around | The Web Authority\" \/>\n<meta property=\"og:description\" content=\"You&#8217;ve seen websites like this, the layout slides around over lays other elements and looks very different in Firefox and Internet Explorer. Although the world is moving to all CSS website design layouts, there is still use for table layouts combined with CSS. I have found that these hybrid layouts may be more\u00a0cross-browser compatible and may in\u00a0some cases even load faster then\u00a0pure CSS designs. I do like the ability to make fast global changes with CSS, but have not stopped using tables all together for best practices. Case in point, in Dreamweaver CS3 use any CSS\u00a0three column layouts and then insert a Spry navigation menu. Even with absolute positioning, the menu is not locked down and\u00a0can slide around the page depending on which browser your use to view your site with. That&#8217;s a real problem! If you want it on the right, it needs to stay on the right! Lock the\u00a0Spry menu inside a table and position the table with CSS and you&#8217;ve solved the problem across all browsers. So will web design be all CSS in the very near future? Most likely not, but more will be moving into that same direction. Now, if we could only get all browsers to follow the same box model that would be\u00a0huge step, but, sigh with IE not following the path of\u00a0others, it makes it very difficult to embrace\u00a0a pure CSS layout and have it look great for everyone.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/\" \/>\n<meta property=\"og:site_name\" content=\"The Web Authority\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mccordweb\" \/>\n<meta property=\"article:published_time\" content=\"2008-05-22T13:06:53+00:00\" \/>\n<meta name=\"author\" content=\"Nancy McCord\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mccordweb\" \/>\n<meta name=\"twitter:site\" content=\"@mccordweb\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nancy McCord\" \/>\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:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/22\\\/page-layout-slip-sliding-around\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/22\\\/page-layout-slip-sliding-around\\\/\"},\"author\":{\"name\":\"Nancy McCord\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#\\\/schema\\\/person\\\/ff9d4b511f78814fa53f990f16f66425\"},\"headline\":\"Page Layout Slip Sliding Around\",\"datePublished\":\"2008-05-22T13:06:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/22\\\/page-layout-slip-sliding-around\\\/\"},\"wordCount\":251,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#organization\"},\"keywords\":[\"Web Design\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/22\\\/page-layout-slip-sliding-around\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/22\\\/page-layout-slip-sliding-around\\\/\",\"url\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/22\\\/page-layout-slip-sliding-around\\\/\",\"name\":\"Page Layout Slip Sliding Around | The Web Authority\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#website\"},\"datePublished\":\"2008-05-22T13:06:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/22\\\/page-layout-slip-sliding-around\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/22\\\/page-layout-slip-sliding-around\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/2008\\\/05\\\/22\\\/page-layout-slip-sliding-around\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page Layout Slip Sliding Around\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#website\",\"url\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/\",\"name\":\"The Web Authority | McCord Web Services News\\\/Blog\",\"description\":\"Smart Digital Marketing, Real Business Results - McCord Web Services\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#organization\",\"name\":\"McCord Web Services LLC\",\"url\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/McCord-Web-White-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/McCord-Web-White-logo.png\",\"width\":450,\"height\":203,\"caption\":\"McCord Web Services LLC\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/mccordweb\",\"https:\\\/\\\/x.com\\\/mccordweb\",\"https:\\\/\\\/www.instagram.com\\\/nancy_mccord\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/nancymccord\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/mccordweb\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.mccordweb.com\\\/weblogs\\\/#\\\/schema\\\/person\\\/ff9d4b511f78814fa53f990f16f66425\",\"name\":\"Nancy McCord\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g\",\"caption\":\"Nancy McCord\"},\"description\":\"Nancy McCord is the President and resident blogger for McCord Web Services LLC. She has been providing global web services since 2001. She is a web designer, search engine marketing professional, and search engine and blog expert. She lives in Maryland just south of the Washington DC metro area.\",\"sameAs\":[\"http:\\\/\\\/www.mccordweb.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Page Layout Slip Sliding Around | The Web Authority","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:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/","og_locale":"en_US","og_type":"article","og_title":"Page Layout Slip Sliding Around | The Web Authority","og_description":"You&#8217;ve seen websites like this, the layout slides around over lays other elements and looks very different in Firefox and Internet Explorer. Although the world is moving to all CSS website design layouts, there is still use for table layouts combined with CSS. I have found that these hybrid layouts may be more\u00a0cross-browser compatible and may in\u00a0some cases even load faster then\u00a0pure CSS designs. I do like the ability to make fast global changes with CSS, but have not stopped using tables all together for best practices. Case in point, in Dreamweaver CS3 use any CSS\u00a0three column layouts and then insert a Spry navigation menu. Even with absolute positioning, the menu is not locked down and\u00a0can slide around the page depending on which browser your use to view your site with. That&#8217;s a real problem! If you want it on the right, it needs to stay on the right! Lock the\u00a0Spry menu inside a table and position the table with CSS and you&#8217;ve solved the problem across all browsers. So will web design be all CSS in the very near future? Most likely not, but more will be moving into that same direction. Now, if we could only get all browsers to follow the same box model that would be\u00a0huge step, but, sigh with IE not following the path of\u00a0others, it makes it very difficult to embrace\u00a0a pure CSS layout and have it look great for everyone.\u00a0","og_url":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/","og_site_name":"The Web Authority","article_publisher":"https:\/\/www.facebook.com\/mccordweb","article_published_time":"2008-05-22T13:06:53+00:00","author":"Nancy McCord","twitter_card":"summary_large_image","twitter_creator":"@mccordweb","twitter_site":"@mccordweb","twitter_misc":{"Written by":"Nancy McCord","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/#article","isPartOf":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/"},"author":{"name":"Nancy McCord","@id":"https:\/\/www.mccordweb.com\/weblogs\/#\/schema\/person\/ff9d4b511f78814fa53f990f16f66425"},"headline":"Page Layout Slip Sliding Around","datePublished":"2008-05-22T13:06:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/"},"wordCount":251,"commentCount":0,"publisher":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/#organization"},"keywords":["Web Design"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/","url":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/","name":"Page Layout Slip Sliding Around | The Web Authority","isPartOf":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/#website"},"datePublished":"2008-05-22T13:06:53+00:00","breadcrumb":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mccordweb.com\/weblogs\/"},{"@type":"ListItem","position":2,"name":"Page Layout Slip Sliding Around"}]},{"@type":"WebSite","@id":"https:\/\/www.mccordweb.com\/weblogs\/#website","url":"https:\/\/www.mccordweb.com\/weblogs\/","name":"The Web Authority | McCord Web Services News\/Blog","description":"Smart Digital Marketing, Real Business Results - McCord Web Services","publisher":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mccordweb.com\/weblogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.mccordweb.com\/weblogs\/#organization","name":"McCord Web Services LLC","url":"https:\/\/www.mccordweb.com\/weblogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mccordweb.com\/weblogs\/#\/schema\/logo\/image\/","url":"https:\/\/www.mccordweb.com\/weblogs\/wp-content\/uploads\/2025\/09\/McCord-Web-White-logo.png","contentUrl":"https:\/\/www.mccordweb.com\/weblogs\/wp-content\/uploads\/2025\/09\/McCord-Web-White-logo.png","width":450,"height":203,"caption":"McCord Web Services LLC"},"image":{"@id":"https:\/\/www.mccordweb.com\/weblogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mccordweb","https:\/\/x.com\/mccordweb","https:\/\/www.instagram.com\/nancy_mccord\/","https:\/\/www.linkedin.com\/in\/nancymccord","https:\/\/www.youtube.com\/user\/mccordweb"]},{"@type":"Person","@id":"https:\/\/www.mccordweb.com\/weblogs\/#\/schema\/person\/ff9d4b511f78814fa53f990f16f66425","name":"Nancy McCord","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4d7eceefc200ee5c17e44755f885f77c9f52a3e672be4d27ece0305f750b9678?s=96&d=blank&r=g","caption":"Nancy McCord"},"description":"Nancy McCord is the President and resident blogger for McCord Web Services LLC. She has been providing global web services since 2001. She is a web designer, search engine marketing professional, and search engine and blog expert. She lives in Maryland just south of the Washington DC metro area.","sameAs":["http:\/\/www.mccordweb.com"]}]}},"_links":{"self":[{"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/posts\/513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/comments?post=513"}],"version-history":[{"count":0,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/posts\/513\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/media?parent=513"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/categories?post=513"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mccordweb.com\/weblogs\/wp-json\/wp\/v2\/tags?post=513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}