Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

About

News Press Releases News Coverage Press KitCareersContact DNN

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Table rowspan height and alignment problem in FirefoxTable rowspan height and alignment problem in Firefox
Previous
 
Next
New Post
12/9/2008 7:05 PM
 
Pedro

Joined: 11/30/2008
Posts: 1
Hello, DNN community.
 
I recently started a new project with a friend of mine, and my task is to design the website while he will take care of the content and I found out about DotNetNuke a couple of weeks ago and I think that's exactly what we are looking for. So here I am trying to make my very first skin, I have read two manuals about it and created a working skin which I tested now, it works exactly as I intended in IE, Opera and Chrome but with Firefox I have a problem showed in this sandbox page I created for this post:
 
 
I imagine that anyone using Firefox will see that the right frame named "HorizPane" in my code where "TheFinancials" banner is now, forces the entire left side down leaving an empty space, while in other browsers the top banner is aligned on top with the right column. I browsed around the forum and I think that my problem is somehow related to this thread but the solution used there doesn't seem to work in my case.
 
Here is my skin.htm code:
 
<p align="center">[USER] - [LOGIN]</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
    <th colspan="3" align="left" valign="top" scope="col"><div id="BannerPane" runat="server"></div></th>
    <th rowspan="4" align="left" valign="top" scope="col"><div id="HorizPane" runat="server"></div></th>
 </tr>
 <tr>
    <td colspan="3" class="MenuContainer">[NAV]</td>
 </tr>
 <tr>
    <td colspan="3" align="left" valign="top" ><div id="ArribaPane" runat="server"></div></td>
 </tr>
 <tr>
    <td align="left" valign="top"><div id="IzqAPane" runat="server"></div></td>
    <td align="left" valign="top"><div id="ContentPane" runat="server"></div></td>
    <td align="left" valign="top"><div id="DerAPane" runat="server"></div></td>
 </tr>
 <tr>
    <td colspan="2" align="left" valign="top"><div id="IzqBPane" runat="server"></div></td>
    <td colspan="2" align="left" valign="top"><div id="DerBPane" runat="server"></div></td>
 </tr>
 <tr>
    <td colspan="4" align="left" valign="top"><div id="AbajoPane" runat="server"></div></td>
 </tr>
</table>
 
I'm pretty inexperienced with web design, html and css so I imagine that maybe I'm not doing the most efficient or correct thing here, and it must be a better way to achieve the exact same results working in all browsers, so any help will be highly appreciated.
 
New Post
12/12/2008 5:41 PM
 
Timo Breumelhof


Timo Breumelhof's Avatar

www.40fingers.net
Joined: 2/9/2006
Posts: 4430

These kind of problems are mostly caused by HTML errors, I guess somewhere in your table the columns don't add up correctly..

That's the first thing I would check.
 
New Post
12/15/2008 12:16 PM
 
Net Doctors

Joined: 5/10/2005
Posts: 35

I was unable to recreate any problems in FF or IE.  However, you may benefit from removing the content divs and just make them part of the table elements. I've sometimes found styling to be easier this way (also makes addressing CSS a bit less of a headache for me at least).

Example:

Current:

<tr>
  <td colspan="4" align="left" valign="top">
     <div id="AbajoPane" runat="server"></div>
  </td>
</tr>

With combined TD/DIV:

<tr>
  <td colspan="4" align="left" valign="top" id="AbajoPane" runat="server">
  </td>
</tr>
 
 Page 1 of 1
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Table rowspan height and alignment problem in FirefoxTable rowspan height and alignment problem in Firefox


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out