Only works in IE7?

WeatherMan

WeatherMan

Active Member
Hi peeps,

Having a bit of a problem ATM.

I have decided to use a Dreamweaver CSS template as the design for my site, as I am having problem with updating links in site roots of the dtm files in dreamweaver.

The problem is I can only get it displaying right in IE7, in IE6 and Firefox 1.5/2 it just comes up as a bundled load of garbage.

Im hoping that someone on here know's what the problem is, I assume I just need to code it differently to get it working in all browsers.

Anyone know how I can do this, its starting to bug me now as I have been sitting here for hours designing the page, to then find out that other browsers dont support the formatting.

This is the plain template on its own

Sorted now:)

Thanks

Jason
All replys are greatly appreciated!:)
 
Last edited:
Oh and BTW, something I forgot, you might need this:P


<!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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="file:///J|/Programs/Dreamweaver/Dreamweaver%208/Configuration/BuiltIn/PageDesigns/styles/emx_nav_left.css" type="text/css" />
<script type="text/javascript">
<!--
var time = 3000;
var numofitems = 7;

//menu constructor
function menu(allitems,thisitem,startstate){
callname= "gl"+thisitem;
divname="subglobal"+thisitem;
this.numberofmenuitems = allitems;
this.caller = document.getElementById(callname);
this.thediv = document.getElementById(divname);
this.thediv.style.visibility = startstate;
}

//menu methods
function ehandler(event,theobj){
for (var i=1; i<= theobj.numberofmenuitems; i++){
var shutdiv =eval( "menuitem"+i+".thediv");
shutdiv.style.visibility="hidden";
}
theobj.thediv.style.visibility="visible";
}

function closesubnav(event){
if ((event.clientY <48)||(event.clientY > 107)){
for (var i=1; i<= numofitems; i++){
var shutdiv =eval('menuitem'+i+'.thediv');
shutdiv.style.visibility='hidden';
}
}
}
// -->
</script>
</head>
<body onmousemove="closesubnav(event);">
<div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="#pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div>
<div id="masthead">
<h1 id="siteName">Site Name</h1>
<div id="utility"> <a href="#">Utility Link</a> | <a href="#">Utility Link</a> | <a href="#">Utility Link</a> </div>
<div id="globalNav"> <img alt="" src="file:///J|/Programs/Dreamweaver/Dreamweaver%208/Configuration/BuiltIn/PageDesigns/images/gblnav_left.gif" height="32" width="4" id="gnl" /> <img alt="" src="file:///J|/Programs/Dreamweaver/Dreamweaver%208/Configuration/BuiltIn/PageDesigns/images/glbnav_right.gif" height="32" width="4" id="gnr" />
<div id="globalLink"> <a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">global link</a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">global link</a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">global link</a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">global link</a><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">global link</a><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">global link</a><a href="#" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">global link</a> </div>
<!--end globalLinks-->
<form id="search" action="">
<input name="searchFor" type="text" size="10" />
<a href="">search</a>
</form>
</div>
<!-- end globalNav -->
<div id="subglobal1" class="subglobalNav"> <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> </div>
<div id="subglobal2" class="subglobalNav"> <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> </div>
<div id="subglobal3" class="subglobalNav"> <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> </div>
<div id="subglobal4" class="subglobalNav"> <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> </div>
<div id="subglobal5" class="subglobalNav"> <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> </div>
<div id="subglobal6" class="subglobalNav"> <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> </div>
<div id="subglobal7" class="subglobalNav"> <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> </div>
<div id="subglobal8" class="subglobalNav"> <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> </div>
</div>
<!-- end masthead -->
<div id="pagecell1">
<!--pagecell1-->
<img alt="" src="file:///J|/Programs/Dreamweaver/Dreamweaver%208/Configuration/BuiltIn/PageDesigns/images/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="file:///J|/Programs/Dreamweaver/Dreamweaver%208/Configuration/BuiltIn/PageDesigns/images/tr_curve_white.gif" height="6" width="6" id="tr" />
<div id="breadCrumb"> <a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> / </div>
<div id="pageName">
<h2>Page Name</h2>
<img alt="small logo" src="" height="59" width="66"/> </div>
<div id="pageNav">
<div id="sectionLinks"> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> </div>
<div class="relatedLinks">
<h3>Related Link Category</h3>
<a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> </div>
<div class="relatedLinks">
<h3>Related Link Category</h3>
<a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> </div>
<div id="advert"> <img src="" alt="" width="107" height="66" /> Advertisement copy goes here. Advertisement copy goes here. </div>
</div>
<div id="content">
<div class="feature"> <img src="" alt="" width="280" height="200" />
<h3>Feature Title </h3>
<p> (masses of text) </p>
</div>
<div class="story">
<h3>Story Title</h3>
<p> (masses of text) </p>
<p> (masses of text) </p>
</div>
<div class="story">
<table width="100%" cellpadding="0" cellspacing="0" summary="">
<tr valign="top">
<td class="storyLeft">
<p> <a href="#" class="capsule">Capsule Story</a> (masses of text)<a href="#">Donec</a> </p> (masses of text) </td>
<td>
<p> <a href="#" class="capsule">Capsule Story</a> (masses of text) <a href="#">Donec</a> (masses of text) </p> </td>
</tr>
<tr valign="top">
<td class="storyLeft">
<p> <a href="#" class="capsule">Capsule Story</a> (masses of text) <a href="#">Donec</a> (masses of text) </p> </td>
<td>
<p> <a href="#" class="capsule">Capsule Story</a> (masses of text) <a href="#">Donec</a> (masses of text) </p> </td>
</tr>
<tr valign="top">
<td class="storyLeft">
<p> <a href="#" class="capsule">Capsule Story</a> (masses of text) <a href="#">Donec</a> (masses of text) </p> </td>
<td>
<p> <a href="#" class="capsule">Capsule Story</a> (masses of text) <a href="#">Donec</a> (masses of text) </p> </td>
</tr>
</table>
</div>
</div>
<div id="siteInfo"> <img src="" width="44" height="22" /> <a href="#">About Us</a> | <a href="#">Site Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | &copy;2003 Company Name </div>
</div>
<!--end pagecell1-->
<br />
<script type="text/javascript">
<!--
var menuitem1 = new menu(7,1,"hidden");
var menuitem2 = new menu(7,2,"hidden");
var menuitem3 = new menu(7,3,"hidden");
var menuitem4 = new menu(7,4,"hidden");
var menuitem5 = new menu(7,5,"hidden");
var menuitem6 = new menu(7,6,"hidden");
var menuitem7 = new menu(7,7,"hidden");
// -->
</script>
</body>
</html>
Click to expand...
 
Last edited:
Hey bootup05, I will look at this when i get home tonight i dont see any thing strange in there or anymissing things but with the naked eye it can be tough. You are not using any IE hacks are you? Its strange it would work in IE7 and not firefox considering firefox usually works and ie doesnt hmm
 
Thats codeman its greatly appreciated:):)

[-Omega-] do you have any plugins in firefox?

Because here's how it shows in mine

IE7


Firefox 2 (also does it in 1.5)


Someone has also tryed it in I.E6 for me and said it doesn't work with that either:confused:

I would of thought, as the Dreamweaver 8 templates were designed around the time IE6 was out, they should surely have no faults, but that doesn't seem to be the case over here:confused:
 
Oh nvm, I thought thats how it was suppose to look.

What appears in FF for you, appears in FF and IE7 for me.
 
Sorted it out now, I didnt have any of the langauge folders in the apache folder:)

Strange how it worked on your system though geoff:confused:

Tryed it on the dell aswell and it didnt!
 
Problem with previewing in ie and other browsers

Hi guys, Am sorry am new in web desiging.


I am designing a personal website. It looks fine when I view from internet explorer v6.

But when I preview it in other web browsers like Opera and Mozila in the same computer, the cells don't line up like in ie6... when I zoom out they come to a good position but when I zooin everything remain in its size and cells only is zoomed.

I dont know exactly to do.

How do I Solve this problem?

I'll be happy to solve this problem.

I'm using FP 2003


ASRock
P4VM8
Intel P4, 3.0GHz,
1.25Gb of RAM DDR
40GB x 4 Hard disk space
1280 x 1024, 32bit
 
You must log in or register to reply here.
Back
Top