website cannot load on mozilla 1.04 2

[COTLG]

Hi All,

I just developed my first website

http://www.moghalufoundation.org

and it loads on IE but cannot load on mozilla. It says:

Directory Listing Denied
This Virtual Directory does not allow contents to be listed.

I also noticed that it hangs on '

http://www.moghalufoundation.org/images'

which is displayed on the browser address.

At times it just displays a blank screen and hangs on '

http://www.moghalufoundation.org/images'

Please I need help on this issue.

Thanks,
Chike.

 

[rpgfan3233]

Do you have a redirect set? In Firefox, it redirects from the main site without loading any content to the images directory. That is a protected directory, so both IE and FF render a 403 (Forbidden) error message.

 

[ChrisHunt]

Strange. It's pretty horrible under the hood, with 467 validation errors but I can't see anything that'll cause this.

I think it's something to do with your javascript - surf in FF with JS switched off and it works fine (well, apart from the layout being screwed up it does).

You could consider

http://www.udm4.com/

for an altogether better way of coding a fly-out menu than all that Javascript.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[COTLG]

Hi rpgfan3233,

I guess this should be done on the server. In that case I wouldn't know since the site is hosted with a payed webhost. The site loads fine on IE though but not on Firefox!!! Don't you think it is a browser specific issue?

What should I do?

Chike.

 

[Vragabond]

Chris is right about the JavaScript. Your method of producing the menu is very complicated and tedious and I would go with Chris' suggestion of revamping it. I could not find anything that would actually cause it but JS makes FF jump to new page and IE not to. There are also errors in IE as far JS is concerned.

 

[COTLG]

Thanks Vragabond and ChrisHunt. You guys are wonderful. I wish I could get more specific help as in troubleshooting the JS. What I want to do is first of all determine the browser when the page loads and then have different pages (but the same content) for IE and mozilla firefox.

Please if you have this script readily available I would appreciate getting it from you.

Secondly, I will look into Chris' suggestion on UDM dhtml menu.

Any other suggestions and help will be welcomed as this is my first website.

Regards,
Chike.

 

[Vragabond]

Your questions about the JS troubleshooting would have more luck being answered in JavaScript forum:

http://tek-tips.com/threadminder.cfm?pid=216

As an aside, I don't think loading different content for Mozilla/FF and IE is smart. If you have cross-browser issues they are best solved with addressing specific problems and fixing them, rather than just maintaining two different sites for browsers that can produce identical results most of the time.

 

[COTLG]

Thanks Vragabond for pointing me in the right direction. The site can now load on Firefox however it is still very distorted and I believe this should be from the css files. These are the two css file I have:

css_home
--------------------------------------------------
<STYLE type="text/css" media="screen">

#pic1{
position:absolute;
visibility:visible;
border:0;
filter:blendTrans(duration=3);
}

#pic2{
visibility:visible;
border:0;
filter:blendTrans(duration=3);
}
#pic3{
visibility:visible;
border:0;
filter:blendTrans(duration=3);
}

#pic4{
visibility:visible;
filter:blendTrans(duration=3);
}

#pic5{
visibility:visible;
border:0;
filter:blendTrans(duration=3);
}

#pic6{
visibility:visible;
border:0;
filter:blendTrans(duration=3);
}

#pic7{
visibility:visible;
border:0;
filter:blendTrans(duration=3);
}

#pic8{
visibility:visible;
border:0;
filter:blendTrans(duration=3);
}
td#pics2{
top:100px;
position:absolute;
}
td#tdtmenu{
top:200px;
position:absolute;
align:center;
}
tr#trtmenu{
top:200px;
position:absolute;
align:center;
}
tr#trsmenu{
top:234px;
position:absolute;
}
#f_menu{
top:240px;
left:174px;
position:absolute;
visibility:hidden;
z-index:2;
}
#a_menu{
top:282px;
left:174px;
position:absolute;
visibility:hidden;
z-index:2;
}
#im_menu{
top:330px;
left:174px;
position:absolute;
visibility:hidden;
z-index:2;
}
#g_menu{
top:378px;
left:174px;
position:absolute;
visibility:hidden;
z-index:2;
}
#s_menu{
top:426px;
left:174px;
position:absolute;
visibility:hidden;
z-index:2;
}
#mtable{
position:relative;
top:0px;
margin-left:auto;
margin-right:auto;
z-index:2;
align:center;
background-color:#ffffff;
background-image: url(../images/africa.gif);
}
#texttable{
top:260px;
left:200px;
position:absolute;
}
.textpos1{
text-align:center;
}
p{
font-family:verdana,'arial narrow',arial,sans-serif;
font-size:12px;
line-height:2;
color:black;
}
.dropcap{
font-weight: bold;
font-size:80px;
margin-top:-4em;
margin-bottom:-2em;
font-family:sans-serif;
color: red;
float:left;
margin-right:5px;
}
.subheading{
font-family:'arial narrow',verdana,arial,sans-serif;
font-size:18px;
font-weight:bolder;
text-decoration: underline;
text-indent:10px;
color:black;
}
#img_isaac{
float: right;
}
body{
background-color:#deb887;
align:center;
background-repeat: repeat;
}
</STYLE>


css_other
--------------------------------------------------
<STYLE type="text/css" media="screen">

}
#hrule{
width:80%;
align:left;
color:#70051B;
top:100px;
left:0;
size:10;
noshade;
position:absolute;
}
td#pics2{
top:100px;
position:absolute;
}
td#tdtmenu{
top:200px;
position:absolute;
align:center;
}
tr#trtmenu{
top:100px;
position:absolute;
align:center;
}
tr#trsmenu{
top:134px;
position:absolute;
}
#f_menu{
top:140px;
left:174px;
position:absolute;
visibility:hidden;
z-index:2;
}
#a_menu{
top:182px;
left:174px;
position:absolute;
visibility:hidden;
z-index:2;
}
#im_menu{
top:230px;
left:174px;
position:absolute;
visibility:hidden;
z-index:2;
}
#g_menu{
top:278px;
left:174px;
position:absolute;
visibility:hidden;
z-index:2;
}
#s_menu{
top:326px;
left:174px;
position:absolute;
visibility:hidden;
z-index:2;
}
#mtable{
position:relative;
top:0px;
margin-left:auto;
margin-right:auto;
align:center;
background-image: url(../images/africa.gif);
background-color:#ffffff;
}
table#texttable{
top:160px;
left:200px;
position:absolute;
}
.textpos1{
text-align:center;
}
.subheading{
font-family:verdana,'arial narrow',arial,sans-serif;
font-size:18px;
font-weight:bolder;
text-decoration: underline;
text-indent:10px;
color:black;
}
p.normal{
font-family:verdana,'arial narrow',arial,sans-serif;
font-size:12px;
font-weight:normal;
line-height:2;
color:black;
}
li.list1{
list-style-type:disc;
list-style-positionutside;
line-height:2;
font-weight:normal;
font-family:verdana,'arial narrow',arial,sans-serif;
font-size:12px;
color:black;
}
.dropcap{
font-weight: bold;
font-size:80px;
margin-top:-40px;
margin-bottom:-2em;
font-family:sans-serif;
color: red;
float:left;
margin-right:5px;
}
#formid{
top:140px;
left:200px;
position:absolute;
font-weight:normal;
font-family:verdana,'arial narrow',arial,sans-serif;
font-size:12px;
color:black;
}
#img_isaac{
float:right;
}
body{
background-color:#deb887;
align:center;
background-repeat: repeat;
}
</STYLE>

Thanks,
Chike.

 

[COTLG]

Please help needed.

Chike.

 

[Vragabond]

With the amount of absolute positioning you employ on your page, it is very hard to debug. It is a complex page as is and while I would like to help, I just don't have time right now to plow through so much code. I would personally suggest you get rid of absolute positioning, as it is sometimes not rendered the same in IE and FF (due to IE being a lot less restrictive) and that results in what you're seeing. Since you're using table layout I cannot even fathom what absolute positioning is used here for.