I happen to like the Wuhan WordPress Theme and have found it works pretty well, even with WordPress 2.0 and 2.0.1. I have found difficulty using it with the page fold menu. Anyway, it doesn’t look too swell in Internet Explorer 7 beta. I have decided it is time to give in and start using Microsoft proprietary code to get my stylesheets. I used a bunch of the hacks previously in order to be proud, but … many are now broken with the advent of version 7, that seems to act suprisingly like it should instead of like a Microsoft Browser.

If you have gotten the Wuhan Theme from Alex King’s wonderful site, you got a broken Wuhan as it doesn’t have the proper stylesheet for Internet Explorer. So go to the theme author’s site and get a copy instead and upload the ie stylesheet. It will be obvious which file it is as it has ie in the file name: style-ie.css.

Next, edit the header file to insert this:
<link rel=stylesheet type="e;text/css"e; href="e;<?php bloginfo(‘stylesheet_directory’); ?>/style.css"e;>
<!–[if lt IE 7]>
<link rel=stylesheet type="e;text/css"e; href="e;<?php bloginfo(‘stylesheet_directory’); ?>/style-ie.css"e;>
<![endif]–>

In place of the existing coding that has conditionals for Internet Explorer:
< ?php if (eregi("e;MSIE"e;,getenv("e;HTTP_USER_AGENT"e;)) || eregi("e;Internet Explorer"e;,getenv("e;HTTP_USER_AGENT"e;))) { ?>/style-ie.css"e;>
< ?php } else { ?> /style.css"e;>
< ?php } ?>

If you are not supposed to really use tables to control layout, then you should be able to use css to control layout. However, to get a table like alignment, nothing beats a table … until now perhaps. Here is a solution that allows you to get alignment of items using div’s with css. Table free design again becomes a reality.

Today a friend of mine, Richard Dooling, suggested that a note to the side of his webpage reminded him of a sticky note. So I say … why not actually use a sticky note? It makes sense to me. So I spun up a sticky note that is expandable and runs in a div done in CSS. It does require two images to work correctly. Feel free to donate a couple of dollars if you decide to use it … or just rip it off if you must.

Is it just me or are glish.com and schwa.com down? Is this temporary or did I miss them disappearing? Glish is (was) a good place to look for cutting edge css.

I was hunting and poking around over at Eric Meyers cutting edge css site, also a great CSS reference site. I followed his link to Glish … and it wasn’t there. I wish I understood css half as well as Mr. Meyer does.

I was having a difficulty with two of his designs in Firefox 1.5. I just pointed it out in an email to him (that may or may not get answered according to his faq *grin*) and now am realizing that the problem is tied to the font size. The pages (pop-up and pop-up icon) are working correctly at the proper font size, but broken if you increase the font size. The example doesn’t scale correctly. Look at one of those pages and hover over the left menu. Then increase font size and hover again. The icon or pop-up will move up the menu. Hmmm, should I try to work on something the master made?

Any ideas how to make it scale if you increase font size? He has it position absolute with a top: set to a fixed amount. If I increase the font size it expands the menu under the hovered visible image.

If it is not minimalist (see prior article) then I have been really liking things that are not square (and rectangle) on web pages. How best to explain:

• site with a hanging off 90 degree photograph straddling two divisions
• a site I tossed together with modified css I picked up somewhere where I leave the car hanging — the 2006 Pontiac Solstice you can win if you buy a raffle ticket on that site is by the way red, not blue — I may have to redo in the proper color
• this one that uses swooshes and such and not 90 degree tab headings on the sections below
• This one that pushes the top of the building up above the horizontal rule for Sobie Company

I have written a tutorial previously discussing the various answers for the box model hack problem with Internet Explorer (a plague on the browser community in my humble opinion). I just finished a vary temporary under construction site for a client here that needed that to render properly the two column solution that they requested. They provided the jpg image and the text and gave me the layout. I like the look and it is consistent with some other things that they have done in the past. Does it break in your browser? If so, please drop me a comment. Thanks.

This site has one of the nicest horizontal drop down menu implementations I have seen lately. It is a simple, clean implementation with multiple layers to it and it is done in CSS. I like it.