ie suckes the CSS use non existing class to solve

I was coding css for a website, while developing I always test my codes in Forefox, Opera, Flock and ie.

Guess what?

Everywhere its fine except ie, after the link div blank space was coming… I started scratching my head why whats the problem. It took 2 hrs and I was still doing all other ways out to solve this shitty problem for ie browser.

Now as I was playing I had deleted one div id from css but I had forgotten to delete the div line at xhtml code. And surprisingly I found it working and I was wondering what happened, I checked my code and then I was trying to find if the div id existed somewhere in css and for sure no.

So what next I tried something new, whenever div which created problem just at the beginning and I added a non existing class id <div class=”iesucks”> and closed it at the end of the div.

Example:

<div class=”iesucks”> —– this class doesnot exist in css it is just placed here
<div id=”links”> —– this is your div
<ul>
<li>Home</li>
<li>Services</li>
</ul>
</div> —– your div ends here
</div> —– non exisiting div class ends here

Now, why I have put that way, coz when I was using without <div class=”iesucks”> it was leaving blank space after the close div in ie, so when I started using <div class=”iesucks”>, it wraps well and works well in ie, firefox and flock. I have not tested others pls test and let me know.

I do not know if it is fine the way I have done it but the result is good.

0 Comments