tag:blogger.com,1999:blog-36939759.post4760401974620646602..comments2024-01-17T07:03:57.842+00:00Comments on The Mad Ranter: Damn IE7 and inline-blockFlipChttp://www.blogger.com/profile/09449939046593105926noreply@blogger.comBlogger145125tag:blogger.com,1999:blog-36939759.post-65225351524288467052013-09-18T09:25:58.226+01:002013-09-18T09:25:58.226+01:00Thanks DearThanks DearAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-3806597717015720992012-11-01T15:55:18.578+00:002012-11-01T15:55:18.578+00:00Thanks a lot man!!! \m/Thanks a lot man!!! \m/sagarsanehttps://www.blogger.com/profile/13961026174842998556noreply@blogger.comtag:blogger.com,1999:blog-36939759.post-4039753352051413502012-10-11T11:01:47.737+01:002012-10-11T11:01:47.737+01:00Thank You from Italy!
"Sei un grande"
;-...Thank You from Italy!<br />"Sei un grande"<br />;-)Pipponoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-3227181436641468022012-10-05T18:36:27.551+01:002012-10-05T18:36:27.551+01:00extremely helpful. can't believe it worked per...extremely helpful. can't believe it worked perfectly after i added that.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-4845821525213651192012-10-03T15:11:04.815+01:002012-10-03T15:11:04.815+01:00Thanks! Really helpful!Thanks! Really helpful!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-78540239290957805152012-09-10T09:30:07.798+01:002012-09-10T09:30:07.798+01:00You are the real, Man!!!You are the real, Man!!!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-63752087241103843332012-09-10T08:17:19.050+01:002012-09-10T08:17:19.050+01:00This comment has been removed by the author.Sneak-Peakhttps://www.blogger.com/profile/01604469120345972427noreply@blogger.comtag:blogger.com,1999:blog-36939759.post-10379716100088846002012-08-30T00:33:50.392+01:002012-08-30T00:33:50.392+01:00Oh, perfect. Thank you!!Oh, perfect. Thank you!!Beckynoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-79763269799365792652012-08-12T08:32:25.556+01:002012-08-12T08:32:25.556+01:00You just saved me a lot of time!
Thank you very mu...You just saved me a lot of time!<br />Thank you very much!<br />We all love to hate IE :-)Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-24687072476810799282012-07-18T09:54:20.325+01:002012-07-18T09:54:20.325+01:00Thank you, sir!<b>Thank you, sir!</b>Hgulfhttps://www.blogger.com/profile/11289650882155262327noreply@blogger.comtag:blogger.com,1999:blog-36939759.post-80083449431900537422012-07-16T07:03:10.009+01:002012-07-16T07:03:10.009+01:00You are a life saver!!!!You are a life saver!!!!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-42634716372649267482012-07-05T21:38:21.913+01:002012-07-05T21:38:21.913+01:00Thanks for posting this. Spent a few days working ...Thanks for posting this. Spent a few days working on a page at work, only to discover that it looked crap in IE7 (which is what most of the PCs user here! THANKS!Wesnoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-7500440177982772262012-06-20T16:00:30.416+01:002012-06-20T16:00:30.416+01:00THANK YOU!
U saved MANY lifes at the local MS off...THANK YOU!<br /><br />U saved MANY lifes at the local MS office with this post!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-79836970485327945472012-06-13T18:30:37.603+01:002012-06-13T18:30:37.603+01:00Thank you very much.Thank you very much.howardhttp://www.howardhuang.netnoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-61150409866081601112012-05-30T03:24:00.910+01:002012-05-30T03:24:00.910+01:00THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK ...THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!THANK YOU!!!!!!!!!!MartÃn Ferrarihttps://www.blogger.com/profile/08459190442960320120noreply@blogger.comtag:blogger.com,1999:blog-36939759.post-19844581889222075782012-05-03T02:41:34.637+01:002012-05-03T02:41:34.637+01:00I have to give you props for this article. You wro...I have to give you props for this article. You wrote it 3 years ago and still helping out. Thank you so very much. I had no idea what my client was talking about till I dusted off IE8 and clicked the "compatibility view". You rock, again, some more.technicallybluehttps://www.blogger.com/profile/08542570470815812049noreply@blogger.comtag:blogger.com,1999:blog-36939759.post-77033600977744298592012-04-27T16:25:52.857+01:002012-04-27T16:25:52.857+01:00To continue from the last using the relative metho...To continue from the last using the relative method gaps may appear in non-IE browsers to eliminate them sent the font-size of the div to 0 and then explicitly set a font-size for any text contained within them by placing them in spans with an appropriate class.<br /><br />The CSS:<br /><br />div {<br />display:inline-block;<br />zoom:1; *display: inline;<br />height: 30px; <br />font-size: 0;<br />}<br /><br />.container {<br />width:190px;<br />border:1px solid black;<br />}<br /> <br />.left {<br />width:95px; <br />position:relative; left:-95px;<br />background-color:gray;<br />}<br /> <br />.right {<br />width:95px;<br />position:relative; left:95px;<br />background-color:red;<br />}<br /> <br />.indiv {<br />font-size: 12pt;<br />}<br /><br />With the alteration of the div elements such that:<br /><br /><div class="right"><span class="indiv">On the right</span></div><br /><div class="left"><span class="indiv">On the left</span></div><br /><br />Tested in FF, Opera, Chrome, IE7FlipChttps://www.blogger.com/profile/09449939046593105926noreply@blogger.comtag:blogger.com,1999:blog-36939759.post-79242723928005122772012-04-27T16:09:07.060+01:002012-04-27T16:09:07.060+01:00@FlipC - Thanks! That worked perfectly. Thanks for...@FlipC - Thanks! That worked perfectly. Thanks for posting this article as well!Ian Neuberthttp://www.ianneubert.com/noreply@blogger.comtag:blogger.com,1999:blog-36939759.post-72842689123553061412012-04-27T09:22:03.729+01:002012-04-27T09:22:03.729+01:00It is indeed a DOM ordering problem. IE draws in t...It is indeed a DOM ordering problem. IE draws in the right div then draws the left div and "floats" it to the left.<br /><br />As such to me the suggestion is to drop the float and have the browsers display them as inline-block "right" then "left" then use position: relative to shift them + and - respectively. Or use position absolute and shift only the "right" div; though that will lose the container height unless set specifically.<br /><br />Make sure the container has sufficient width to accommodate both left and right divs though or the left will be pushed off the page.FlipChttps://www.blogger.com/profile/09449939046593105926noreply@blogger.comtag:blogger.com,1999:blog-36939759.post-49079233645817052852012-04-26T22:58:50.398+01:002012-04-26T22:58:50.398+01:00I'm trying to get 2 divs to sit next to each o...I'm trying to get 2 divs to sit next to each other in IE7. In other browsers the display:inline-block; setting works just fine.<br /><br />I seem to be unable to get this to work though, even with the fix suggested.<br /><br />This may be a different issue, but would anyone mind giving it a shot?<br /><br />https://gist.github.com/c03ee0023dbd72070f9d<br /><br />This is a simple test, in my production env I am unable to edit the HTML, so I cannot put the .left div first in the DOM. :-(Ian Neuberthttp://www.ianneubert.com/noreply@blogger.comtag:blogger.com,1999:blog-36939759.post-44289625542906155582012-04-04T20:32:34.661+01:002012-04-04T20:32:34.661+01:00Thanks a lot!Thanks a lot!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-16547162783379314322012-03-25T20:27:12.969+01:002012-03-25T20:27:12.969+01:00Thanks a ton for the fix! I knew there was an issu...Thanks a ton for the fix! I knew there was an issue with inline-block on IE7, and luckily your blog came up at the top of my search! :)Elijahnoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-68851555661276933812012-03-22T15:41:43.745+00:002012-03-22T15:41:43.745+00:00This is the damn best thing man! THANKS A MILLION ...This is the damn best thing man! THANKS A MILLION TIMES... Yo make my day!Alexnoreply@blogger.comtag:blogger.com,1999:blog-36939759.post-14654148099176077472012-02-23T04:37:52.559+00:002012-02-23T04:37:52.559+00:00Thank you so much for posting this! You have made...Thank you so much for posting this! You have made life so much easier for us mere mortals - it is greatly appreciated.Barbara Tallenthttps://www.blogger.com/profile/06767543470611398012noreply@blogger.comtag:blogger.com,1999:blog-36939759.post-55791433375059761142012-02-06T09:49:02.178+00:002012-02-06T09:49:02.178+00:00Brilliant! That was bugging me for the past hour o...Brilliant! That was bugging me for the past hour or so. All those hours IE has ate out my life... damn!Shiftyhttp://all_over_the.netnoreply@blogger.com