umbraco Forum » Frontend (html,css) » Markup questions and tips » TopMenu turned non-clickable in all browsers except from IE

TopMenu turned non-clickable in all browsers except from IE Options
Previous Topic · Next Topic
Niels Erik
Posted: Wednesday, April 23, 2008 11:49:34 AM
Rank: Newbie

Joined: 2/19/2008
Posts: 7
Location: Hillerød, DK
Running Umbraco version 3.0.2

Everything looks correct, but my links in the topmenu do not render clickable in FireFox, Opera, and Safari anymore.

I did not modify any CSS (I think), but tried to add some more templates for the top documenttypes to use.
I have probably saved the content without a correct reference to a valid template form time to time - but fixed this later.

The links are there all right and if I disable the CSS for the top-navigation and let it render as a non-marked up <ul> list then it works fine.

I tried to compare the html + css files loaded into the IE7 to the same files loaded into OPERA. They look exactly the same.
When I use the two sets of files locally they work fine.

Could this be some serverside problem that I have run into - or have you got any other ideas on what to look for?

- Niels Erik
Back to top
 
drobar
Posted: Wednesday, April 23, 2008 3:00:46 PM

Rank: Umbracoholic

Joined: 9/8/2006
Posts: 1,698
Location: KY, USA
Hi, Niels,

It sounds to me like a CSS issue. And CSS issues are often related to the xhtml. Is there any chance you could give a link to a page with the problem for us to look at?

I don't know how others would attack this, but I would open the page in Firefox and then turn on Firebug (one of the world's great tools!) to inspect the xhtml and css at the same time to see what is going on. I suspect it is something fairly simple, but not obvious.

cheers,
doug.
MVP 2007-2009 - Official Umbraco Trainer for North America - Percipient Studios
Back to top
 
Niels Erik
Posted: Wednesday, April 23, 2008 3:39:41 PM
Rank: Newbie

Joined: 2/19/2008
Posts: 7
Location: Hillerød, DK
Hi Doug

I will be able get more in details about it in a few hours, when I get home.

I like the Opera browser which also has some nice features for revealing the structure of a site.

We have some performance issue just now on the server which one of the guys from our church is hosting. But I would surely appreciate if you would just take a quick look at it anyhow.

Btw. your explanations of the XSLT examples here and there have really helped me with my basic Umbraco understanding of how to organize our new site. Hopefully we shall begin to add real content to the sections pretty soon.

All the best
Niels Erik
http://frikirken3400.dk
Back to top
 
drobar
Posted: Wednesday, April 23, 2008 3:55:24 PM

Rank: Umbracoholic

Joined: 9/8/2006
Posts: 1,698
Location: KY, USA
Looks like your #wrapper1 has a position: relative; that is causing the problem... it makes #wrapper1 lay on to of the nav bar.

cheers,
doug.
MVP 2007-2009 - Official Umbraco Trainer for North America - Percipient Studios
Back to top
 
Niels Erik
Posted: Wednesday, April 23, 2008 5:55:40 PM
Rank: Newbie

Joined: 2/19/2008
Posts: 7
Location: Hillerød, DK
You are right - Problem solved now!

drobar wrote:
Looks like your #wrapper1 has a position: relative; that is causing the problem... it makes #wrapper1 lay on to of the nav bar.

cheers,
doug.

.. which made me restore my original "brclear" that I had forgotten all about
Code:
<div id="naviHolder" style="background: url(<?UMBRACO_GETITEM field="topBg" recursive="true"/>)">
    <?UMBRACO_MACRO macroAlias="WizardTopNavigation" ></?UMBRACO_MACRO>
</div>
<br class="brclear" />

<div id="wrapper1">
    <?UMBRACO_TEMPLATE_LOAD_CHILD/>
</div><!-- end #wrapper1 -->


I had moved the 'clearing' inside wrapper1 - which your kind advice reminded me of!

The original inspiration for my layout comes from demos at www.PositionIsEverything.net and they have #wrapper1 relative. So I guess I wll just leave it that way. Angel

Thanks for helping me out
Niels Erik
Back to top
 
Users browsing this topic
Guest

umbraco Forum » Frontend (html,css) » Markup questions and tips » TopMenu turned non-clickable in all browsers except from IE


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.