We just upgraded from 4.0.2 to 4.3.5 and, of course, our IMAGE modules were changed to MEDIA modules (version 03.02.02). We had to redefine all of our image links (ugh) but all was ok until we fired up FireFox. Half of our homepage's primay content was misaligned to the far right of the page and overlapped out right-hand column content (we use a 3-column skin). This issue did not occur under IE.
Experimenting with the module I discovered that items added to the FOOTER area in the Advanced Settings section also rendered to the right of the module (instead of below) when viewed in FireFox.
After some digging I discovered that the media module wraps its content in a <DIV> tag. This is fine except that IE and FireFox can differ somewhat in their treatment of content following a DIV. In our case a large content module following a Media module resulted in the content module being pushed to the right of the preceeding media module (like text wrapping to the right of an image). The expected line break following the image did not happen in FireFox.
Long story short: Wrapping a <TABLE> around the media module's <DIV> takes care of the issue.
TO FIX:Modify the media module's "MediaModule.ascx" file. (The default file for module version 03.02.02 is only two lines long.) The following code shows the entire file including lines I added in
RED:
<%@ Control language="vb" Inherits="DotNetNuke.Modules.Media.MediaModule" CodeBehind="MediaModule.ascx.vb" AutoEventWireup="false" Explicit="True" %>
<table><tr><td>
<div style="width:100%" ><asp:Literal id="MediaLiteral" runat="server" /></div>
</td></tr></table>
That's it -- our FireFox issue is corrected. Also any HTML added to the FOOTER setting now correctly renders under the media content instead of to the right of the content.
Cheers!