Tag: firefox

Relative positioning of table rows and row groups is now supported. This site may need to be updated because it may depend on this feature having no effect.

Firefox displayed this warning in the Firebug console.  This warning indicates an absolutely positioned does not consider a table element relatively positioned so it may not appear as expected.  A better explanation is here: https://www.sencha.com/forum/showthread.php?289315-Relative-positioning-of-table-rows-and-row-groups-is-now-supported.-This-site-may-nee and solution to fix is here:

Posted in Coding Tagged with: , ,

Line in Firefox background

Problem When scaling the FireFox and having a background image size set to 100%, the bottom of the image sometimes shows a line on the bottom showing the background behind it. Solution Firefox seems to have a problem with background-size: 100%.  instead

Posted in Coding Tagged with: ,

HTML 5 Flash Fallback Video Player w/ RTMP

There are a ton of video player that use HTML5 with flash fallback.  A few years ago I found one named JW Player.  This was a great player that was fully featured.  Keyword being “was”.  I was developing a website that

Posted in Off the Shelf Tagged with: , , , ,

Google font WOFF in Firefox

Problem In a website that gets fonts from Google’s CDN, the browser window loading icon continuously runs.  In Firebug you can see that the WOFF file from google is the culprit.   Solution Turn off Firebug.  Apparently it’s a problem

Posted in Coding Tagged with: , , ,

Opacity in multiple browsers

A collection of opacity syntax for multiple browsers. .img_transparent_class { /* IE 8 */ -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }

Posted in Coding Tagged with: , ,

Firefox Table Row Height

Problem In Firefox and Chrome, having a table with an image of height 1 causes the row height to be 6px.   Code as shown below:   <table height=”1″> <tr> <td><img src=”images/spacer.gif” width=”170″ height=”1″ alt=””></td> <td><img src=”images/spacer.gif” width=”163″ height=”1″ alt=””></td>

Posted in Coding Tagged with: , ,