The problem was to make it compatible on all major browsers, including IE6 !!!!!. I wonder why people still use IE.
As usual, I started searching for the solution on the right top of my Firefox window (yes, google!) and found a few websites which had discussions on the same topic. Most of them had lengthy posts and not the real solution. After going through a couple of sites, I concluded with the following solution. I hope this would help those who come across the same problem.
| CSS |
| 1 | .div_class_name{
|
| 2 | width: expression(document.body.clientWidth < 1002? "1000px" : "auto"); |
| 3 | } |
Known Issues:
- Only works with JavaScript enabled browsers
- Not W3C valid
That's all! I don't want this post to be lengthy like the others I went through
Finally ProductiveDreams is up and live. It’s quite obvious that designers never get satisfied with their work. Same was the case with me when I started off with this design, which took me too long to wrap up. Then a couple of weeks to find the right hosting provider.
The initial version was a static one with around 5 pages and served as my personal portfolio. I started working on the current design about 6 months(not continuously) back. My deep love for webdesign, web2.0 and blogging has forced me to come up with ProductiveDreams. This is my public blog where in I post freebies, my views on webdesign, tutorials and ofcourse my works.
I’m planing to update this site on a regular basis, so do stay connected


