<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d18402388\x26blogName\x3dLearn+CSS+and+Website+Authoring\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://learning-css.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://learning-css.blogspot.com/\x26vt\x3d4499111865787424895', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe", messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { 'blogger-ping': function() {} } }); } }); </script>

Learn CSS and Website Authoring

The Quest of Learning CSS and Becoming A Webmaster


IE Hack? What Is That?

Friday, July 28, 2006

I've been changing my blogger blogs layout using blog templates from Gecko and Fly. Their templates is derive from the Wordpress Theme and they look awesome which is I chose their templates. I wonder how many hours the designer took to design all those beautiful blog templates and giving it away for free.

CSS code before the IE Hack:

#page {
background: white;
text-align: left;
margin: 0 auto;
padding: 20px 0 10px;
position: relative;
/* The entire template's width is set in this class. */
width: 760px;
/*_width: 760px;*/ /* IE hack */
border: 1px solid #ddd;
border-top: none;
}

CSS Code After IE Hack:

#page {
background: white;
text-align: left;
margin: 0 auto;
padding: 20px 0 10px;
position: relative;
/* The entire template's width is set in this class. */
width: 760px;
_width: 760px; /* IE hack */ (/* Removed)
border: 1px solid #ddd;
border-top: none;
}

So, let's look what happen if you don't edit the necessary code as mentioned above in your template:

Template without IE CSS Hack

The CSS code works fine in Mozilla Firefox but the sidebar were pushed down when we use Internet Explorer. I don't like that to happen. Anyway, this blog's CSS is not hacked yet for Internet Explorer because the blog template creator didn't put a remark on this template. I need to find out for myself or get someone who can rewrite some CSS code for my blog. Eitherway, my blog is still accessible, that is what matter most at the moment.
posted by Encik Jay, 7:29 AM

0 Comments:

Add a comment