Brandon Buttars

I’ve been looking for a solution to create full page iFramed webpages with headers. Here is a solution I’ve started using for full screen iframes with headers. Here’s a link to my Snipplr code for it. I tried to embed it in this post but it didn’t work out very well. The code has worked out great for me and I’ve shared it with a few people at work, and they have been using it and it’s been working great for them. Rather than explain it I’ll let you take a look at it.

I don’t know if anyone has ever found their PRE or CODE not wrapping, but I have and this little gem of code is the code I use to clean it up.  Here’s a link to my Snipplr version of the code.

pre {
white-space: pre-wrap; /* css-3 should we be so lucky... */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 ?? */
white-space: -o-pre-wrap; /* Opera 7 ?? */
word-wrap: break-word; /* Internet Explorer 5.5+ */
_white-space: pre; /* IE only hack to re-specify in addition to word-wrap */
}

I was trying to find a good snippet of code that would help me style the different browsers better.  I’ve used all the attribute hacks before but one thing I’ve run into lately is the fact that Chrome and Safari end up interpreting and displaying input tags differently even though they are both Webkit based. There were not individual attribute hacks that I could find, but I was able to find this beauty over at http://github.com/rafaelp/css_browser_selector. I’ve also added the code to my Snipplr Arsenal so you can get it over at http://snipplr.com/view/23988/adds-os-and-browser-class-to-html-tag/

read more »

So I’ve been working for the last couple of days on a bug at work that is an IE specific bug but may actually help with other browsers in different circumstances. I’m surprised I haven’t run into this bug sooner than I had. I first read a great article on css-tricks.com that I borrowed the screenshot from to illustrate the issue. Their method was good but not exactly what I was looking for. So I decided to come up with my own code.

read more »