{"id":195,"date":"2009-09-27T21:28:25","date_gmt":"2009-09-28T04:28:25","guid":{"rendered":"http:\/\/www.onvural.net\/melih\/thoughts\/?p=195"},"modified":"2009-09-27T21:28:25","modified_gmt":"2009-09-28T04:28:25","slug":"oh-css-you-drive-me-crazy","status":"publish","type":"post","link":"https:\/\/www.onvural.net\/melih\/thoughts\/2009\/09\/27\/oh-css-you-drive-me-crazy\/","title":{"rendered":"Oh CSS&#8230; You drive me crazy"},"content":{"rendered":"<p>I&#8217;ve been working on the content pages at work for the last few weeks, and it makes me wonder how people can work with CSS everyday without going bald (good thing I had already lost all of my hair). The inability to create a consistent user experience across web applications has got to be one of the largest dead weight losses in productivity and efficiency in the web industry. Not finding a solution for this, and a solution which is accepted industry wide, is just going to create a workplace for mediocre middle men whose sole purpose is to make sure that IE looks like Safari (or maybe I should say WebKit to include all WebKit based browsers) looks like FireFox. These people should not be in the industry because this problem should not exist in the industry.<\/p>\n<p>(On a side note, this was a problem for Javascript, and the solution has been to build frameworks so that one isn&#8217;t working directly with the browser implementations themselves. I haven&#8217;t done the work to try and understand if there are CSS frameworks which mimic this, but please let me know if there are)<\/p>\n<p>My specific problem was probably a bit of an extreme case. I often wonder when doing this work if there is a best practices to all of this, and if I&#8217;m just missing it. I&#8217;ve often made my way over to <a href=\"http:\/\/www.quirksmode.org\/\">QuirksMode<\/a> to see, but I&#8217;ve found that it&#8217;s often non-comital at best. But, back to the case at hand! <\/p>\n<p>I was working on our new <a href=\"http:\/\/www.tokbox.com\/view\/platform\">Platform<\/a> page, and we were adding a call to action button (the Getting Started button that you see on the right hand side of the page). I have the image above it laid out in its own &lt;div&gt;, and I thought that I could put the call to action button underneath it, add appropriate padding, and the two columns which make up the content section of the page would be all lined up. Result&#8230;<\/p>\n\n<p>Now that&#8217;s a surprise! I think the first thing that I needed to change was to set the image width and height explicitly instead of in the CSS selector. This helped things in IE, but ended up changing nothing for FireFox. Safari saw no difference. The irony of it all was that there&#8217;s no such thing as a FireFox specific stylesheet in our ecosystem.<\/p>\n<p>I&#8217;m sure that if we were to do browser detection and build out a full HTML+CSS site, then we could do have a FireFox specific stylesheet for these nuances.   <\/p>\n<p>Nothing I tried using a two column layout worked. I finally ended up taking out the two buttons from the bottom of the content section, and creating a footer &lt;div&gt; which aligned the two buttons as we wanted. This was the cross-browser implementation that finally worked, but either my lack of knowledge or the quirks of an imperfect system really drove me batty on this one.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve been working on the content pages at work for the last few weeks, and it makes me wonder how people can work with CSS everyday without going bald (good thing I had already lost all of my hair). The inability to create a consistent user experience across web applications has got to be one [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[2,1],"tags":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pQyAq-39","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":48,"url":"https:\/\/www.onvural.net\/melih\/thoughts\/2007\/03\/17\/encroachment-in-information-mining-technologies-part-vi\/","url_meta":{"origin":195,"position":0},"title":"Encroachment in Information Mining Technologies - Part VI","date":"March 17, 2007","format":false,"excerpt":"But what if we just didn\u00e2\u20ac\u2122t know? Couldn\u00e2\u20ac\u2122t ignorance be bliss? The problem is that many are using the Internet without, \u00e2\u20ac\u0153the cognitive ability to appreciate the possible consequences of disclosure of personal information\u00e2\u20ac\u009d (Friedman and Thomas). Even something as simple as describing one\u00e2\u20ac\u2122s daily route to school for a\u2026","rel":"","context":"In &quot;Information Mining Essay&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":428,"url":"https:\/\/www.onvural.net\/melih\/thoughts\/2011\/02\/17\/formula-for-convincing\/","url_meta":{"origin":195,"position":1},"title":"Is there a formula for convincing?","date":"February 17, 2011","format":false,"excerpt":"They don't teach you the formula for convincing people of things in school. In school, I had to take a public speaking course, and I'll be 100% honest... it was awesome! I had a fantastic professor, and a great, great, great group of classmates with whom I worked. The glass\u2026","rel":"","context":"In &quot;Becoming a PM&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":255,"url":"https:\/\/www.onvural.net\/melih\/thoughts\/2010\/02\/08\/another-bug-bites-the-dust\/","url_meta":{"origin":195,"position":2},"title":"Another bug bites the dust","date":"February 8, 2010","format":false,"excerpt":"I've been working on an interesting project lately that I hope to share with everyone soon. I keep running into the oddest of problems trying to get things going. It's almost as if just getting the whole thing started is the biggest challenge. After that... it's going to be a\u2026","rel":"","context":"In &quot;Technology&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":189,"url":"https:\/\/www.onvural.net\/melih\/thoughts\/2009\/09\/25\/fighting-java-ant-setting-params-in-a-foreach-loop\/","url_meta":{"origin":195,"position":3},"title":"Fighting Java Ant... Setting params in a foreach loop","date":"September 25, 2009","format":false,"excerpt":"It's really frustrating to me that doing something ever so slightly differently leads to such drastically different results when dealing with software. It's true that software engineers (if you're curious about the treatment of the word engineer, then just call me on TokBox me and I'll explain) tend to be\u2026","rel":"","context":"In &quot;Technology&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":41,"url":"https:\/\/www.onvural.net\/melih\/thoughts\/2007\/01\/18\/building-a-case-against-apples-digital-media-business-practices-part-i\/","url_meta":{"origin":195,"position":4},"title":"Building a Case Against Apple\u00e2\u20ac\u2122s Digital Media Business Practices - Part I","date":"January 18, 2007","format":false,"excerpt":"In an attempt to look at the business and ethical practices of the largest companies in Silicon Valley today, I have done some research and written two papers on Apple's Digital Media and Google's ethical responsibility dealing with information gathering. I will present these over the next couple of days\u2026","rel":"","context":"In &quot;iPod\/iTunes Bundling Essay&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":567,"url":"https:\/\/www.onvural.net\/melih\/thoughts\/2012\/10\/03\/dont-blame-twitter-platforms-are-hard-re-posted-from-rainbow-hat-guy\/","url_meta":{"origin":195,"position":5},"title":"Don't blame Twitter. Platforms are hard (re-posted from Rainbow Hat Guy)","date":"October 3, 2012","format":false,"excerpt":"Dalton Caldwell\u00c2\u00a0has really stirred the pot about Twitter failing the Tim Berners-Lee vision of an open web by abandoning their platform strategy, failing to be data portable, and accepting ads as a business model. I wish him luck as he embarks on his journey with app.net\u00c2\u00a0to right those wrongs, but\u2026","rel":"","context":"In &quot;Rainbow Hat Guy transition&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.onvural.net\/melih\/thoughts\/wp-json\/wp\/v2\/posts\/195"}],"collection":[{"href":"https:\/\/www.onvural.net\/melih\/thoughts\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onvural.net\/melih\/thoughts\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onvural.net\/melih\/thoughts\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onvural.net\/melih\/thoughts\/wp-json\/wp\/v2\/comments?post=195"}],"version-history":[{"count":0,"href":"https:\/\/www.onvural.net\/melih\/thoughts\/wp-json\/wp\/v2\/posts\/195\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.onvural.net\/melih\/thoughts\/wp-json\/wp\/v2\/media?parent=195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onvural.net\/melih\/thoughts\/wp-json\/wp\/v2\/categories?post=195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onvural.net\/melih\/thoughts\/wp-json\/wp\/v2\/tags?post=195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}