Firefox reload weirdness - Skins, Themes, and Templates

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

Home All Forums

1
2
3
4
5

Home

Using DNN Platf...

Skins, Themes, ...

Firefox reload weirdness

11/19/2006 6:15 AM

aspliid

Joined: 9/11/2006

Posts: 6

Firefox reload weirdness

I'm tailoring the BusinessTime skin (link) and while it works flawlessly in IE, I'm having a bit of trouble with the Firefox renderer.

The site is: http://192.38.8.170/UVdataDNN/

The problem is that when Firefox (2.0) is started with the site set as the default page, the menu bar is too wide. Screenshot goes here. After a page reload (F5), or whenever I navigate to the page after the initial view, all is fine.

I have narrowed the problem to the menu bar. The generating code in the skin ascx follows below. Anyone got a clue what is going on?

Thx in advance,
Anders Spliid Hansen


<tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="<%= SkinPath %>images/menu-left-left.gif" alt=""/></td>
        <td><img src="<%= SkinPath %>images/menu-left.gif" alt=""/></td>
        <td width="100%" background="<%= SkinPath %>images/menu-center.gif"><dnn:MENU runat="server" id="dnnMENU" rightseparator="<img src="images/wach_24.gif" alt="" >" /></td>
        <td><img src="<%= SkinPath %>images/menu-right.gif" alt=""/></td>
        <td><img src="<%= SkinPath %>images/menu-right-right.gif" alt=""/></td>
      </tr>

    </table></td>
</tr>


And the CSS for this part goes like:

/* Main Menu */
.MainMenu_MenuContainer {
/* baggrund for menuer */
    padding-left: 0px;
    background: solid;
    WIDTH: 100%;
    HEIGHT: 30px;
    }
.MainMenu_MenuBar {
    CURSOR: hand;
    HEIGHT: 30px;
    WIDTH: 150px;
    border-style: solid;
}
.MainMenu_MenuItem {
    BORDER-RIGHT: #ff0000 0px solid;
    BORDER-TOP: #A59E9C 0px solid;
    BORDER-LEFT: #CCD7E1 0px solid;
    BORDER-BOTTOM: #A59E9C 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    CURSOR: hand;
    COLOR: #3986C6;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma, Arial, Helvetica;
    background: transparent;

    padding-left: 0px;
    /* styrer menuitem højde */
    HEIGHT: 30px;
    WIDTH: 150px;

    border-style: solid;
}
.MainMenu_MenuIcon {
    display:none
}
.MainMenu_SubMenu {
    padding-left: 1px;
    BORDER-RIGHT: #3986C6 2px solid;
    BORDER-TOP: #ffffff 0px solid;
    Z-INDEX: 0;
    BORDER-LEFT: #3986C6 2px solid;
    CURSOR: hand;
    BORDER-BOTTOM: #3986C6 2px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma, Arial, Helvetica;
    border-style: solid;
    background: #D6D7D6 ;
}
.MainMenu_MenuBreak {
    BORDER-RIGHT: #eeeeee 0px solid;
    BORDER-TOP: #A59E9C 0px solid;
    BORDER-LEFT: #eeeeee 0px solid;
    BORDER-BOTTOM: #A59E9C 0px solid;
    HEIGHT: 0px;
    background: transparent;
    border-style: solid;
}
.MainMenu_MenuItemSel {
    BORDER-RIGHT: #ffffff 0px solid;
    BORDER-TOP: #A59E9C 0px solid;
    Z-INDEX: 0;
    BORDER-LEFT: #ffffff 0px solid;
    CURSOR: hand;
    BORDER-BOTTOM: #A59E9C 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    CURSOR: hand;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma, Arial, Helvetica;

    padding-left: 0px;
    HEIGHT: 30px;
    WIDTH: 150px;
    BACKGROUND-COLOR: transparent;
    background-image: url(cop_17.gif);
}
.MainMenu_MenuArrow {
    display:none
}
.MainMenu_RootMenuArrow {
    display: none;
}

11/20/2006 10:58 AM

Timo Breumelhof

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

Posts: 4430

Re: Firefox reload weirdness

In my experience this could be caused by CSS errors

I found 4 in your skin:

.Skinobject, A.Skinobject, A.Skinobject:link, A.Skinobject:visited, A.Skinobject:active  {
    font-weight: normal;
    font-size: 10px;
    color:#A59E9C;
	padding-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

A.:link, A.:visited, A.:active 
A:link, A:visited, A:active
 {
	font-weight: normal;
	font-size: 10px;
	color: #A59E9C;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

(same kind of error on 2 other occasions)

Try correcing them and try again.

Another thing is that your skin is full of small gifs (about 60), if FF loads these it could be that something goes wrong somewhere if the CSS is being interpreted before all gif's are loaded.
If you reload the page the gif's come from the browsers cache and this problem doesn't occur
I think that's also the reason why the site load quite slow, although it's not that many kB's.
This is the main reason for me not to use Photoshop and slice to create websites, it makes the site slow because of all the requests, not the size of the images.
(use div's or larger background-images instead)

Hope this helps

DNN websites, modules, skins, hosting and support

Page 1 of 1

Home

Using DNN Platf...

Skins, Themes, ...

Firefox reload weirdness

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:

No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
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.
Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
No Flaming or Trolling.
No Profanity, Racism, or Prejudice.
Site Moderators have the final word on approving / removing a thread or post or comment.
English language posting only, please.

Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

DNN Corp. (DotNetNuke)