{"version":"1.0","provider_name":"The Web Authority","provider_url":"https:\/\/www.mccordweb.com\/weblogs","title":"Page Layout Slip Sliding Around | The Web Authority","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"HJYqppqESF\"><a href=\"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/\">Page Layout Slip Sliding Around<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.mccordweb.com\/weblogs\/2008\/05\/22\/page-layout-slip-sliding-around\/embed\/#?secret=HJYqppqESF\" width=\"600\" height=\"338\" title=\"&#8220;Page Layout Slip Sliding Around&#8221; &#8212; The Web Authority\" data-secret=\"HJYqppqESF\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.mccordweb.com\/weblogs\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","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"}