Creative Menus for Dreamweaver » IE7 and Vista

terry bean

post date:

2009-01-29 04:29:47

Have noted that the dropdown element of the menu does not work in ie7 when running on windows vists. works fine in firefox and google chrome and windows xp just the combination of vista and ie7.

AS time progresses this will become an increasing number of users.

Have I done something wrong or is this a known problem as I note that someone else posted this as a problem a while ago and his post remains unanswered?

terry bean

post date:

2009-01-29 04:31:07

forgot to add..the site is www.online-store-.org.uk

Andrei Rinciog [Extend Studio]

post date:

2009-01-29 10:35:27

Hello Terry,

Your doctype declaration it’s not before any other elements from your html page. That’s why IE doesn’t render the submenus. You can read more about doctypes and their usage from here : http://www.uninetnews.com/xhtml/doctype.php

Best regards,
Andrei Rinciog

terry bean

post date:

2009-01-29 12:02:57

The problem is that because I am using .dwt template files the first part of every page is the notification that it is a template

ie

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"><head>

If this is moved then the templates do not update the pages!

Terri

post date:

2009-01-29 13:02:15

Andrei,

That "floating" problem I mentioned in my other post is not exclusive to me, as I just discovered by looking at the site mentioned here -- www.online-store.org.uk . Mr. Bean's site is having the same problem.

Check out this person's site and resize your browser. You'll see how the menu floats left/right as you change width of your browser, then moves back into place. I noticed this on other sites people have posted in the support forum; it's happening with your horizontal menus, and the vertical (as with the online-store.org site). It happens in Firefox, but not in Safari. I haven't checked in other browsers, yet.

Terri

Andrei Rinciog [Extend Studio]

post date:

2009-01-29 13:23:16

Hello again Terri,

I think that you just gave me the link to your website again :).www.online-store-.org.uk.

Anyway, i've checked again and i don't think that there is a problem over there. Let me tell you how this works, when you insert a menu, actually an image (spacer.gif) is inserted in the place where the menu should be. Then, at runtime, the menu is layered over the content and takes the coordinates of the place where the spacer is. The spacer is also used so the layout of the website remains as if the menu would be there. So, when you change the dimensions of the window, that tabel layout changes, and so the menu refreshes it's position.

What you are reporting is, i think, the fact that it doesn't go to the position instantly. You can reduce the time by moving the rendering script just beneath the menu.

Kind regards,
Andrei

Andrei Rinciog [Extend Studio]

post date:

2009-01-29 13:24:57

Yeah, forget the second line of my post, I forgot to delete it after I realized this is a different Terry :D

Andrei Rinciog [Extend Studio]

post date:

2009-01-29 13:29:31

Now, about Mr. Bean's issue,

You need to have the doctype at the beggining of the page or every browser will use it's default doctype. ( in IE's case it's a very old one and that's why our menus are not working without the proper doctype ).

There isn't any way so you can upload your pages to the server with the doctype declaration on the first line ?

Kind regards,
Andrei Rinciog

Andrei Rinciog [Extend Studio]

post date:

2009-01-29 13:29:40

Now, about Mr. Bean's issue,

You need to have the doctype at the beggining of the page or every browser will use it's default doctype. ( in IE's case it's a very old one and that's why our menus are not working without the proper doctype ).

There isn't any way so you can upload your pages to the server with the doctype declaration on the first line ?

Kind regards,
Andrei Rinciog

Terri

post date:

2009-01-29 13:34:37

I was about to say; That's not my site. :-) I was just showing you that I'm not the only one having this problem. However, your explanation explains why this is happening (load time), and that it's obviously not happening for you, in your browser.

Like I said, it happens in Firefox (latest Mac version), but not in Safari.

What part of this code would remove the rendering script? It's annoying to watch the menu move around the page before it figures out where it's supposed to be.

<div id="menu_options" totalwidth="980" totalheight="41" fittopage="false" skin="Vista Classic" skincustom="" skinfiles="" mainColors="#012763,#0156B2" subColors="#0459AE,#FFFFFF" resizeOptions="" cutRoundCorners="false">
<div id="main_menu" mainButPos="Left,20" mainButResize="fit to text" ></div>
<div id="main_button" mainButSpacing="4" mainBESettings="FadeSlideDown,5" mainButReverse="true" mainArrow="0,0" showMainArrow = "true" mainMinSize="0" ></div>
<div id="main_text" mainFont="Verdana,12" mainUpFmt="#E4E9E7,,bold," mainOverFmt="#FFFFFF,bold,," mainDownFmt="#E4E9E7,bold,," mainHTSettings="Left,25" mainVTSettings="Middle,5" mainHTSpace="10" ></div>
<div id="sub_menu" subButPos="Middle,5" subMESettings="Fade,7" subLMESettings="SlideUp,10" hSubMenuAlign="Left" subMenuReverse="true" openEvent="Rollover" delays=",0" hSubOverlap="0" vSubOverlap="0" subMinSize="20" submenualpha="100" fixalphatext="true"></div>
<div id="sub_button" subButSpacing="0" subBESettings="None,5" subButReverse="false" showSubArrow = "true" subArrow="0,0" subButResize="fit to largest text" ></div>
<div id="sub_text" subFont="Verdana,11" subUpFmt="#000066,,," subOverFmt="#333333,bold,," subDownFmt="#002764,,," subHTSettings="Left,30" subVTSettings="Middle,5" subHTSpace="10" subVTSpace="10" > </div>

Terri

post date:

2009-01-29 13:37:08

I ALWAYS use DOCTYPE. :-)

Here's the one on all of my pages:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Andrei Rinciog [Extend Studio]

post date:

2009-01-29 13:53:22

No, I’m afraid you can’t delete the rendering script or the menu won’t show up at all. The rendering script is at the end of your page, just above the </body> tag. I’m afraid there is nothing we can do to make it work faster. I will discuss with the development team to make sure that maybe we can find another way to move the menu in this case instead of just recreating it. Cause that’s the problem, the menu get’s recreated and it remains a little behind. Sorry that I don’t have a solution for now.

Kind regards,
Andrei

Terri

post date:

2009-01-29 14:02:45

Well, the good news is that you realize that there IS a problem, and that hopefully this issue will be resolved in the very near future.

Thanks for suggesting I delete the rendering, and then correcting that statement before I went ahead and deleted it. :-)

Andrei Rinciog [Extend Studio]

post date:

2009-01-29 15:08:09

But i never said to delete it. I said "moving the script " :D

I wish you good luck on your projects !

Andrei

Terri

post date:

2009-01-29 15:42:56

hahaha... so you did! I stand corrected!

OK. I will try MOVING the script up the page, and place it below the menu. If that does not work, I will let you know. And if it doesn't, please remember to at least offer me some cheese to go with my whine!

Terri

Sidebar: If nothing else, this has been quite the lively thread on your support forum.

Good thing I'm only trying out this menu on ONE of my projects right now.

Terri

post date:

2009-01-29 15:49:54

Sorry to say, but that did not solve the problem. It's still happening in FF.

terry bean

post date:

2009-01-30 12:28:52

Well seems by problem is being takled by another Terri!

No problem with that but is seems that the issue at hand is starting to get hidden!

The problem is that using ie7 and only on Vista the popout menus do not work! They work fine in firefox and google chrome and safari using vista. all browsers work fine in XP

There is obviously something about ie7 thats different.

The site us built using dreamweaver template and the code that the template enters on every page is as below

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

In order for the templates to work the template command has to sit at the beginning of every page.

I wonder what would happen if the document type is totally removed??

Andrei Rinciog [Extend Studio]

post date:

2009-02-02 10:25:04

Hello Terry,

Yes, well I've already told you that this is happening because of the fact that the doctype declaration it's not the first line on your HTML page. In this case, each browser uses its default doctype and pages are rendered in different ways. Internet Explorer has a very old default doctype and that’s why the menus are not working properly with them.

The “dwt” files are only template files that are used to be applied on HTML pages. When you apply this template to a page the first line that you see now on the dwt file will be deleted. So, if you use a menu in a “dwt” you must apply that template to a page and then test the menus. To apply a template to a page go to “Modify->Templates->Apply template to page.. “.

The problem should work just fine after that.

Best regards,
Andrei Rinciog

terry bean

post date:

2009-02-02 11:37:42

Dont think you read my previous post properly. When a template is applied to a page the first line of code is as shown above!
ie
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

The dwt template file DOES have the doc type at the beginning it is the normal pages that have the dwt command as the first line and this cannot be removed!

Andrei Rinciog [Extend Studio]

post date:

2009-02-04 11:52:16

Hello,

What version of Dreamweaver are you using ?

I've tried this in CS 3 and when I select to modify an HTML page after a template the code is set like this :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Kind regards,
Andrei

terry bean

post date:

2009-02-07 11:44:09

am using Dreamweaver 8

terry bean

post date:

2009-02-07 11:54:34

Interesting ..Also have mx2004 installed and tried to create a template page using that and as you say it puts the doc type ate the top

ie

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

terry bean

post date:

2009-02-07 12:13:41

SOLVED IT!

My template page was missing an opening <html> tag!

template page did read

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>

now reads

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

Adding this tag has now placed the document typ at the very beginning of the pages

ie

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Creative DW Menus Pack Forum

Thread: IE7 and Vista - Menu does not work