IE content not scrolling bug

If you have some content in a container and the content isn’t scrolling, there is probably an easy fix. If any of the content inside the container that is position relative, the container must also be position relative.

Doesn’t work in IE

<div id="scroller" style="overflow-y:scroll">
  <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p>
  <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p>
  <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p>
  <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p>
  <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p>
  <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p>
</div>

Works in IE

<div id="scroller" style="overflow-y:scroll;position:relative">
  <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p>
  <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p>
  <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p>
  <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p>
  <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p>
  <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p>
</div>

Photo by Anderson Mancini

ie error expected identifier string or number

IE 7 was throwing an error while working on some JavaScript

ie error expected identifier string or number

The problem was that I had an extra comma in a hash

this.css({
      "position":"fixed",
      "top": ( $K(window).height() - this.height() ) / 2 + "px",
      "left": ( $K(window).width() - this.width() ) / 2 + "px",
    });

It should have been

this.css({
      "position":"fixed",
      "top": ( $K(window).height() - this.height() ) / 2 + "px",
      "left": ( $K(window).width() - this.width() ) / 2 + "px"
    });

Photo: By stealingsand

3 Months ago I built a Kynetx application that annotates search results that point to the StackOverflow site.

I’m very excited about releasing the next version of my Kynetx application that utilizes a recently released Kynetx action, percolation. This action digs deep into the bowels of the dark search engine pits and pulls out relevant search results.

If you’ve already been using the first version app, you already have the update. The code updated as soon as I pressed the version update button! : ) Now install the app if you don’t already have it and start having fun searching.

.. And come join us at our next Impact Conference! Developers, entrepreneurs, and everyone else is invited to come and learn because THIS CHANGES EVERYTHING! Visit http://www.kynetx.com/ for more details.

Google Chrome

Mozilla Firefox

Information Card

Microsoft Internet Explorer

Testing my web development in IE is the bane of my existence. Since I run Apache and MYSQL on my local host on my Mac it was always a trick to view my work though my Windows VM until my friend Mike Farmer showed me an easy way to access my development environment on my Mac from my virtual machine.

Steps:

1. Get default gateway of VM machine
2. Use that address the same way you would “localhost” on your Mac

Example:

Get IP address of VM

Local Mac development environment

Dev environment from VM