Thursday, October 28, 2010

IE6 phantom text

I have come across an IE6 bug, whereby text is shown at the bottom of page.
This text is not meant to be there and is a replica of text already shown within the div.

In my case, the last div in the page needed to have the following CSS added to it:

myDiv
{
/* IE6 hack. 
          If not applied, (lots of) phantom characters appear at the bottom
          of the page!!!! 
        */

_float:none;
_clear:both;
}

Here is a severely simplified extract of my html

<div>
  <div>
    <div>
      <div>
      ...
      ....
      </div>
      <div id="myDiv">
        <ul></ul>
      </div>
   </div>
 </div>
</div>
    
NOTE:
This bug can also be triggered when two or more HTML comments are placed between floated elements, like DIV etc.


Google 'IE6 ghost bug' or 'IE duplicate characters' for more info.

These articles have some more info on this

ps: Comments and/or links to this article are most welcome!

Tuesday, October 26, 2010

How to start the VS2010 dev web server

I often need to keep Visual Studio's (2010) development web server (Cassini) running, while editing the ASPX/CSS or JS files.
Alas, VS2010 stops it when debugging is stopped.

I have created a new entry under Tools, called Start Cassini.

Here are the parameters for it:

Title: Start Cassini

Command: C:\Program Files\Common Files\Microsoft Shared\DevServer\10.0\WebDev.WebServer40.EXE

Arguments: /port:2001 /path:"$(ProjectDir)\"

Change the port number to suit your project.

I believe that WebDev.WebServer40.EXE is for dotNET 4.0 projects.
For dotNET 2.0, use WebDev.WebServer20.EXE


ps: Comments and/or links to this article are most welcome!

Monday, October 11, 2010

How to add 'shared items' from Googe Reader into Google Blogger

After spending far too long trying to find out how to add my shared items into my blog, I came across this method:
(I hope this saves you some time and frustration)

Go to Google Reader, go to your SharedItems, SharingSettings.

Near the bottom of that page, you will find an 'Add a clip' link. Click on it and a popup will be shown; copy that javascript into the clipboard (Ctrl-C) and then go into Blogger.

Select Dashboard, Settings, Design.

Click on the 'Add a Gadget' link and, when the popup comes up, select 'Basics' from the left sidebar menu. A list will be shown that contains an entry called 'HTML/Javascript'. Click on the '+' button next to it.

A popup will be shown that will ask for a Title and Content.

Paste what you copied earlier on into the Content area, give it a title and job done!

Enjoy!
ps: Comments and/or links to this article are most welcome!