View Full Version : Firefox display wrong but OK in dreamweaver

07-16-2010, 11:22 AM
Problems in dreamweaver seem like buses at the moment, been fine for ages and the 3 come along at once!

I have a site at http://www.woodendhouse.co.uk/
It's been working fine in all browsers since I revamped it last year.
Now suddenly the menu seems to have slipped to the right - but only in FF. It's fine in design view - which I've come to learn doesn't mean a thing and OK when I "preview in browser" and ok in IE, just FF seems to do strange things.

I used the pop menu magic menu system to create it (from project 7) but never had problems before with it.

Is there anything obvious?


07-16-2010, 01:41 PM
Looks fine in my FF.

07-16-2010, 01:52 PM
How weird - 3.6.6?

07-16-2010, 02:02 PM
No, 3.5 here but I have 3.6.6 at home so can check later for you. I had some site display issues with one of my sites in FF 3.6.6 on MAC. Are you running MAC or Windows?

07-16-2010, 02:13 PM
windows 7 - (and I've added this bit as the message is apparently too short)

07-16-2010, 03:55 PM
Hiya. It is also fine on my FF at home. By the way 'find' as in 'find us' has only one 'i' ;)

07-16-2010, 06:36 PM
Thanks for checking - that is a strange one.
How I haven't seen that extra "i" I don't know. Must be one of those visual brain trick things.
It'll make me at last have the menu as a php include following reading your tutorial the other day.

07-16-2010, 07:08 PM
Ever wish you hadn't started something?

I followed you php include tutorial and this is my test page:


I have put the php calling the menu inside a div, like so:

<div id="menu">
<?php include("../includes/menu.php"); ?>

And the Project7 generated menu code is in a file called "menu.php" in a folder called "includes" and looks like this with all the folder changes so they are relative to the root:

<ul id="p7PMnav">
<li><a href="../index.htm">Home</a></li>
<li><a href="../bedandbreakfast/bedandbreakfast.htm">Bed &amp; Breakfast</a></li>
<li><a href="#" class="p7PMtrg">Cottages</a>
<li><a href="../cottages/bothy.htm">Bothy</a></li>
<li><a href="../cottages/schoolhouse.htm">Schoolhouse</a></li>
<li><a href="../cottages/cottage.htm">Cottage</a></li>
<li><a href="../cottages/house.htm">House</a></li>
<li><a href="#" class="p7PMtrg">Booking</a>
<li><a href="../booking/tariff.htm">Tariff and Availability</a></li>
<li><a href="../booking/shortbreaks.htm">Short Breaks</a></li>
<li><a href="../booking/provisionalbooking.htm">Provisional Booking</a></li>
<li><a href="../booking/conditions.htm">Terms and Conditions</a></li>
<li><a href="#" class="p7PMtrg">Find us</a>
<li><a href="../findus/locationmap.htm">Location Maps</a></li>
<li><a href="../findus/directions.htm">Directions</a></li>
<li><a href="#" class="p7PMtrg">Things to do</a>
<li><a href="#" class="p7PMtrg">Local Towns</a>
<li><a href="#">Ambleside</a></li>
<li><a href="#">Broughton-in-Furness</a></li>
<li><a href="#">Coniston</a></li>
<li><a href="#">Windemere and Bowness</a></li>
<li><a href="../thingstodo/bootmill.htm">Boot Mill</a></li>
<li><a href="../thingstodo/duddon.htm">Duddon Valley</a></li>
<li><a href="..#">Eskdale Valley</a></li>
<li><a href="../thingstodo/fishing.htm">Fishing</a></li>
<li><a href="../thingstodo/golf.htm">Golf</a></li>
<li><a href="../thingstodo/horseriding.htm">Horse Riding</a></li>
<li><a href="../thingstodo/railway.htm">Lal' Ratty Steam Railway</a></li>
<li><a href="../thingstodo/pubs.htm">Local Pubs</a></li>
<li><a href="../thingstodo/mountainbiking.htm">Mountain Biking</a></li>
<li><a href="../thingstodo/muncaster.htm">Muncaster Mill</a></li>
<li><a href="../thingstodo/stanleyghyll.htm">Stanley Gyll Waterfall</a></li>
<li><a href="../thingstodo/walking.htm">Walking</a></li>
<li><a href="../thingstodo/wasdale.htm">Wasdale and Wastwater</a></li>
<li><a href="../faq/faq.htm">FAQ's</a></li>
<li><a href="../thingstodo/onlineshopping.htm">Shop Online</a></li>
<li><a href="../contactus/contactus.htm">Contact us</a></li>
<!--[if lte IE 6]><style>#p7PMnav a{height:1em;}#p7PMnav li{height:1em;}#p7PMnav ul li{float:left;clear:both;width:100%}</style><![endif]-->
<!--[if IE 6]><style>#p7PMnav ul li{clear:none;}</style><![endif]-->
<!--[if IE 7]><style>#p7PMnav a{zoom:100%;}#p7PMnav ul li{float:left;clear:both;width:100%;}</style><![endif]-->

You're probably going to say "why use the p7 pop menu magic add on" but can you see an obvious error why the menu won't display?

I forgot to mention, the stylesheet for pmm is referred to in the head so I assumed I didn't have to put it around the include as you did with the id=navigation bit.

<link href="../p7pm/p7pmh0.css" rel="stylesheet" type="text/css"></link>

Many thanks for your time, btw, are you ready for that holiday yet?

07-16-2010, 07:37 PM
Your page needs to have a .php file extension for it to work. Yours is .htm :)

btw, are you ready for that holiday yet?

Hell yeah... If only I had time to chill out. Lol

07-16-2010, 07:48 PM
Oh go on then...

You're probably going to say "why use the p7 pop menu magic add on" ;)

07-16-2010, 08:06 PM
Great, that now works but brings me right back to the original menu display prob I started with so it must be the code for that.

Tell you what, I'll ditch the popmenu magic and rebuild the menu with css if you show me a great tutorial that'll show me how to get similar effects?


07-17-2010, 07:43 AM
This is weird because it is 100% fine in all the browsers I've checked including FF 3.6.6 I actually like that menu effect. It is one of the better drowdowns I've seen used and only asked why you were using it because you prompted me! Just double check all your browsers :)