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

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

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

THE PROBLEM

Information is flying all around us like debris from a tornado going through a trailer park. Information overload is a real problem now for the average person and it can wreak havoc on a persons productivity and goals. Never before in the history man has there been soo much information available. Experts, books, seminars, awareness: the availability of these are low if not non-existent. We are like little children who have been handed a gun with incredible power but no one is talking about how to safely handle it, and people are getting hurt!

WHAT TO DO

Fortunately for you, if you “shoot yourself in the foot” its your fault! Probably not what you were expecting, but it’s true. You have control over most of the information you subscribe to.

• RSS Feeds
• Television
• Radio
• Email
• Social Networks
• Magazines
• Newspaper

WHAT DOES THIS HAVE TO DO WITH MY BROWSER?

You can control what your Firefox looks like. I have seen too many people who try to browse the web with so many buttons, bars, and add-ons that much of the space for actually viewing web pages is reduced by about a third or more. Take back your browser real estate and surf the web with freedom again!

WHAT CAN I DO?

Here is an example of two extremes.

If the bloated one looks similar to yours or a friends browser then you are in the right place.

To Do:

• Use the Toolbar collapse button to hide the clutter until you need it

• Remove all add-ons you aren’t using all of the time (Spring Cleaning!)
• Hide toolbars (functionality can often be accessed through the application menu)
• Remove buttons that aren’t needed (most have keyboard shortcuts which are faster)

This is really fun because you get to drag and drop buttons where ever you like.

• Hide status bar if you don’t use it (Bottom gray bar)

• Disable “Always show the tab bar”

The real trick is to balance the functionality of add-ons and buttons with space. After many months of trying different configurations, this has been the most effective layout for me.

I use the keyboard shortcuts for the Firebug add-on and the other basic browser buttons like forward, back, refresh, so I have removed all those buttons and add-on bars. I show the status bar on the bottom so I can see if the HTML pages I am coding are validating as strict without running a validator. I also hide the bookmarks bar because I don’t use them very frequently. Everyone uses the web differently which makes Firefox great for many people because it can be customized for their needs. Play around with your layout, reduce distractions, and find what works best for you.

Storm Photo: http://www.flickr.com/photos/liebedich/ / CC BY 2.0

This Warning applies to you if you are using an old browser!!

Check out the bring down IE 6 campaign over at http://www.bringdownie6.com/