Tools for checking HTTP Compression

Recently I discussed how to set up HTTP Compression in IIS 6 using its native gzip support.

Here are a couple of tools you can use to verify your compression is set up correctly. Both tell you pretty much the same information, simply enter your URL and it tells you the result, and how much you have saved.

[More]

Rounded corners in CSS with no Javascript

I have been looking for an elegant solution for this for a while, one that doesnt have limitations like forcing you to have fixed width divs because thats the size of the background image.

Of course in the old days we did this with an extra table row but that was just painful.

I am going to show you how I did the corners on the pods for blogCFC down the right side of this site.

[More]

Microsoft Outlook 2007 breaks CSS in HTML emails

Here is a discovery that I came across recently while working on a clients mass mail system.

I upgraded to Outlook 2007, and being the first to do so in the office have been discovering some of the cool new features. And it was all very cool until close to the clients deadline and I sent myself an HTML email from their broadcast system. No one was prepared for what came next...

It would seem that the Microsoft Office team, in their infinite wisdom, decided that they didn't want Outlook 2007 using the new improved HTML rendering engine that M$ has been working so hard on in Internet Explorer 7 to make developers and designers lives easier.

[More]

2007 Web workers survey

Do you work with the web? Creating, editing, writing, programming? If so you are one of the people that the good folks at A List Apart want to have take the survey.

Why? Well, since the web is still pretty young, and we as the workers of that web, are not really statistics yet. no one really knows how old we are, where we come from, what we work with or do. So go and fill it out. I did!

Mac / Safari float right and left problem

We recently had a compatibility issue with a design that didnt quite fit in Safari.

Example, lets assume you have 2 divs inside a container.

<style>
#container{
   border:1px solid black;
   display:inline;
}
#left{
   float:left;
   width:200px;
   border:1px solid green;
}
#right{
   float:right;
   width:200px;
   border:1px solid yellow;
}
</style>

<div id="container">

   <div id="left">
      Left!
   </div>
   
   <div id="right">
      Right!
   </div>

</div>

This will have the right div flush against the left with no gap between. This is because browsers except Safari assume the container takes up 100% of the space it lives in when no width is supplied.

Adding width 100% to the container solves this in Safari.

#container{
   border:1px solid black;
   display:inline;
   width:100%;
}

BlogCFC was created by Raymond Camden. This blog is running version 5.9.001.