The Blog
| share the power
 
 
OTHER POSTS
 
Here's a well hidden issue (and I blame nobody but myself):   I was writing what really is a very simple PHP script to grab a file from the server and download the file via a link. No matter what I did I kept getting an error from Firefox that politely informed me that it couldn't render the image due to internal errors.   I quite accidentally tripped across the cause .... somehow I
[close]
PHP and downloaded image can't be rendered error (Tue, Nov 15, '11)
It seems Safari doesn't like the use of the 'continue' as an object element. I have a short JS script all neatly wrapped up as a JavaScript "object" ....   function obj() { function _continue() { do_something_here; } this.continue = _continue; }   This worked fine with IE (7, 8 and 9), Firefox, Chrome and Opera; but Safari 5.05 complained that "this.continue = _continue;" was
[close]
A quick JavaScript note involving Safari ... (Sun, May 15, '11)
Because this question seems to be frequently asked, and because I want to help make the answer easy to locate:   PHP code follows ...   $ch_post_data = array(   'property_name_1' => 'property_value_1',   'property_name_2' => 'property_value_2' ); $ch = curl_init('http://somesite.com/somefiletocall.php'); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_
[close]
PHP, curl and post submissions (Sun, May 15, '11)
I've taken up using FlowPlayer for my web site streaming video needs. It's light weight, extensible, easy to program to and with, packed with features and available for free. If you want just a few extra tidbits like being able to brand your players with your own logo then a few bucks is in order for the commercial version ... otherwise you're free to use the freebie in any manner you choose (incl
[close]
FlowPlayer and the (non) problem with overlays (Sat, Oct 30, '10)
Here's the scenario: you're clicking your way around a favorite commercial website looking for stuff to buy. Your mouse is busy filling up your shopping cart, but you really can't follow from product to product without pursuing a link that takes you from your happy hunting shopping grounds just to download information that really should be at your finger tips.   Damn ... what to do? Isn't t
[close]
Displaying a user friendly shopping cart (Sat, Oct 30, '10)
Shopping carts ... developed sometime after the invention of the wheel and then not really updated until the advent of the internet and electronic shopping.   Two things I wonder about: 1) Is it better to use a session cookie or database for shopping cart storage? 2) Isn't it annoying when you have to click from one to another just to view you shopping cart entries?   Okay, so I do
[close]
Shopping carts and databases and sessions oh my! (Sat, Oct 30, '10)
This is the first post of my web development blog. I don't pretend that you will find cutting edge technology or programming techniques here, but I do believe what you find here will be of value in your day to day needs.
[close]
My little attempt at giving back that which I have been so freely given (Sat, Oct 30, '10)
Internet explorer and overlay boxes that don't have content
Posted by ramabahama on Sun, Feb 20, '11
 

Because this question seems to be frequently asked (by me at least), and because I want to help make the answer easy to locate:

 

Internet Explorer obviously has issues, but despite the fact it should be relegated to the trash heap of buggy software that doesn't perform nearly as well as its competition IE will be with us for years to come. One of the many issues I've had programming cross-browser sites has to do with empty overlay elements.

LABELS: HTML CSS opacity elements overlays browser IE

For example I set up a quick 'n dirty landing page consisting of one page sized image that needs to have a clickable link embedded in it. There are two options: create an image map, or simply use absolute positioning to overlay an empty HTML element (such as an A or DIV tag) at the appropriate location.

 

I prefer the latter process, but IE won't layout an empty element that has its CSS background property set to 'transparent' - this is true even when the element is given a height and width! The only workable solution I've found is to give the background a color and then make that overlay element transparent via the CSS opacity functionality. So here's a good cross browser example of the CSS code required:

 

element{

background:orange;

opacity:0;

-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';

filter: alpha(opacity=0);

 }

 

Setting the background color forces the IE layout, but then we need to assure the element isn't actually visible to the viewer. Easy to do.

[submit an addition or response]
 
Web Statistics