I’ve just been debugging display issues in the CSS in Knowlege Constructs FAQ-Tastic tonight. Firefox and Safari on Mac were a breeze to get right: just pull all the margins and padding off of
ol.faq with a
.nonumbers ol class that I’d already been using. It was especially easy to figure it out with the Web Developer’s Toolbar on Firefox.
Unfortunately a quick excursion over to the Darkside and Internet Explorer (the blinkers through which 92% of the visitors to our clients still see the web – among Folivision vistors Internet Explorer users are a minority), showed that the CSS code just wasn’t working. Indentation had gone totally astray.
In the absence of Web Developer’s Toolbar for Internet Explorer, there is no way to get instant Internet Explorer preview. The closest thing is to open up the file directly from the server and save it back to the server. Usually, I am set up with two monitors on my desk, a 20″ Samsung 205B for the Windows box and an HP LP3065 for the Mac work station. It’s just a matter of editing in CSSEdit or BBedit on the Mac, saving onto the server and pressing F5 on the PC keyboard.
We’ve installed a Linux machine now – the first of many – and I had to give up my 20″ Samsung 205B and plug the Windows box back into the HP LP3065. (Both monitors are highly recommended, btw.)
Pushing input and switching keyboards was not efficient (3 movements instead of one, along with a screenflash each time).
So I decided to take the plunge and go looking for a Windows XHTML/CSS editor which would allow me to open up files from the server. It was either that or move a monitor.