Category Archives: CSS

IE 8 Compatibility Mode and SharePoint

Recently, the Internet Explorer team released IE 8 beta 2.  It’s a monumental leap forward for not only web designers but also the Internet.  However, it is not without controversy, but first it needs a little background. A Little Background Internet Explorer has for a long time been the bane of web developers.  Every since they won the browser war over Netscape (nearing a decade ago now) with what were judged unethical and illegal means which led to a monopoly investigation.  That was settled and Microsoft allowed to continue.  Since then web designers have had to hack, glue, and curse IE due (read more...)

CSS Browser Reset

A trendy topic amongst CSS’ers is the CSS reset. The idea is that you intercept the default browser stylesheet (that is used first in the cascade), reset, and then apply generic styles including margin/padding. I read many articles by many gurus, but I eventually came out with what I have below. For differing implementations check out this great “killer collection” of resets, and note that this won’t work in IE6 due to the universal selector but I’m ok with that. EDIT: My syntax highlighting plugin added “baseline” in there twice, and it shouldn’t be there. If you view it (read more...)

Form Layouts With CSS

Laying out forms with Cascading Style Sheets (CSS) is a complex topic. In light of many developers doing their first overall CSS layouts they often bail when it comes to laying out forms with CSS and avoiding both tables and line breaks. The code example shows the following: Well-formed, semantic markup CSS for layout and presentation Ensure that the form is both usable (easy to read/use) and presentable No tables or line breaks To avoid the line breaks we simply use the CSS “clear” property. This property says: “clear all floated elements to the x side of me”. So for clear: (read more...)

An Introduction to CSS

I gave the following presentation at my day job, and I thought others might benefit. That, and I think that SlideShare is a cool app! | View | Upload your own (read more...)