Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

I have a NETSCAPE Dilemna

Status
Not open for further replies.

ITGL72

MIS
Jul 2, 2001
105
US
FOR THE LOVE OF GOD MAN! Why does NETSCAPE always have ISSUES?! I can use someone's assistance, and any recommendations. I am working on a website template (for myself this time.) so I designed a simple site and am testing it out on IE, Netscape 6 and Netscape 4. (Have not tried it on AOL Browser yet)

As usual, looks fine in IE. Load it up in NETSCAPE6 and it seems decent, however on one of the templates the back ground images used inside a cell don't exactly line up. (On the content section of the page)

(NOTE: Does look OK in 800x600, and 1024x768) When using a resolution of 1280x1024 I noticed the left background image and the right background image are not lined up.

The above template has COLD FUSION "CFINCLUDE" statements where I put the JavaScript in one include, left side links in another include, and a footer in the bottom include.

This URL includes no INCLUDE statements:
This URL looks good in 800x600, 1024x768, and 1280x1024.

Now on to the third template in which I filled the page with some content:
This URL looks good in 800x600, 1024x768, and 1280x1024. Maybe its because there is actually content 'filler' that stretches the page down some that affects the look. I have noticed if the scrollbar has somewhere to go it looks OK, but if there is not enough used space on screen and there is no need to scroll down it will give me that background image in the cell anomaly.




Now I guess I can just let the above issue go as it should still work properly enough. Its just a visual issue that would bother me. But here's an issue I really have NO IDEA as to what us happening!


Check out the template links (ANY OF THEM) on the 4.7 version of NETSCAPE. Its COMPLETELY a mess. Is that version of Netscape just OLD and should I just not worry about it? Or is there a fix, or work around? My only fear now is that the AOL Browser which I have not tested yet (yeah I know, but a lot of people use AOL.) May look the same bad way as Netscape 4.


As for the rollover links, I have used the built in dreamweaver 4 roll overs behaviors, and also (as are on the templates now) used a piece of script I have used on other WebPages in the past that I know works. NO CHANGE in above mentioned behavior.




At the bottom of this email I have included the web page code, or you can go to the links above and view source.




Thanks for your assistance!
George





TEMPLATE.CFM - (With CFINCLUDE STATEMENTS)
==========================================

<HTML>
<HEAD>
<TITLE>GeorgeLemos.com</TITLE>
<META HTTP-EQUIV=&quot;Content-Type&quot; CONTENT=&quot;text/html; charset=iso-8859-1&quot;>
<LINK REL=&quot;stylesheet&quot; HREF=&quot;glcss.css&quot; TYPE=&quot;TEXT/CSS&quot;>

<CFINCLUDE TEMPLATE = &quot;topscript.cfm&quot;>

</HEAD>




<BODY BGCOLOR=&quot;#FFFFFF&quot; TEXT=&quot;#000000&quot; BACKGROUND=&quot;images/background.jpg&quot;>

<CFINCLUDE TEMPLATE = &quot;topgraphic.cfm&quot;>
<BR>

<table width=&quot;98%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; align=&quot;center&quot;>
<tr>
<td align=&quot;RIGHT&quot; valign=&quot;TOP&quot; width=&quot;27&quot; HEIGHT=&quot;31&quot;><img src=&quot;images/btopleft.jpg&quot; width=&quot;27&quot; height=&quot;31&quot;></td>
<td background=&quot;images/btopmiddle.jpg&quot;>&nbsp;</td>
<td align=&quot;LEFT&quot; valign=&quot;BOTTOM&quot; width=&quot;32&quot; HEIGHT=&quot;31&quot;><img src=&quot;images/btopright.jpg&quot; width=&quot;32&quot; height=&quot;31&quot;></td>
</tr>
<tr>
<td width=&quot;27&quot; background=&quot;images/bleft.jpg&quot;></td>
<td align=&quot;left&quot; valign=&quot;top&quot; background=&quot;images/bbackground.jpg&quot; width=&quot;1142&quot;>
<table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<tr align=&quot;left&quot; valign=&quot;top&quot;>
<td width=&quot;148&quot;>
<CFINCLUDE TEMPLATE = &quot;linksleft.cfm&quot;>
</td>
<td>
<table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<tr>
<td align=&quot;RIGHT&quot; valign=&quot;BOTTOM&quot; width=&quot;20&quot; HEIGHT=&quot;39&quot;><img src=&quot;images/1topleft.jpg&quot; width=&quot;20&quot; height=&quot;39&quot;></td>
<td align=&quot;left&quot; background=&quot;images/1topmiddle.jpg&quot; VALIGN=&quot;TOP&quot;><img src=&quot;images/12topleft.jpg&quot; width=&quot;164&quot; height=&quot;39&quot;></td>
<td align=&quot;LEFT&quot; valign=&quot;BOTTOM&quot; width=&quot;20&quot; HEIGHT=&quot;39&quot;><img src=&quot;images/1topright.jpg&quot; width=&quot;20&quot; height=&quot;39&quot;></td>
</tr>
<tr>
<td width=&quot;20&quot; background=&quot;images/1left.jpg&quot;>&nbsp;</td>
<td bgcolor=&quot;WHITE&quot; align=&quot;left&quot; valign=&quot;top&quot;>
<p CLASS=&quot;topsylestyles&quot;>Website Content Here</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</td>
<td width=&quot;20&quot; background=&quot;images/1right.jpg&quot;>&nbsp;</td>
</tr>
<tr>
<td align=&quot;RIGHT&quot; valign=&quot;TOP&quot; width=&quot;20&quot; background=&quot;images/1bottommiddle.jpg&quot; HEIGHT=&quot;24&quot;><img src=&quot;images/1bottomleft.jpg&quot; width=&quot;20&quot; height=&quot;24&quot;></td>
<td background=&quot;images/1bottommiddle.jpg&quot;>&nbsp;</td>
<td align=&quot;LEFT&quot; valign=&quot;TOP&quot; width=&quot;20&quot; background=&quot;images/1bottommiddle.jpg&quot; HEIGHT=&quot;24&quot;><img src=&quot;images/1bottomright.jpg&quot; width=&quot;20&quot; height=&quot;24&quot;></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td align=&quot;LEFT&quot; valign=&quot;MIDDLE&quot; width=&quot;32&quot; background=&quot;images/bright.jpg&quot;></td>
</tr>
<tr>
<td align=&quot;RIGHT&quot; valign=&quot;TOP&quot; width=&quot;27&quot; HEIGHT=&quot;33&quot;><img src=&quot;images/bbottomleft.jpg&quot; width=&quot;27&quot; height=&quot;33&quot;></td>
<td background=&quot;images/bbottommiddle.jpg&quot;>&nbsp;</td>
<td align=&quot;LEFT&quot; valign=&quot;TOP&quot; width=&quot;32&quot; HEIGHT=&quot;33&quot;><img src=&quot;images/bbottomright.jpg&quot; width=&quot;32&quot; height=&quot;33&quot;></td>
</tr>
</table>
<P>&nbsp;</P>
<P>
<CFINCLUDE TEMPLATE = &quot;footer.cfm&quot;>
</BODY>
</HTML>














TEMPLATE2.CFM - (With NO CFINCLUDE STATEMENTS)
=============================================


<HTML>
<HEAD>
<TITLE>GeorgeLemos.com - MCSA, MCSE W2K</TITLE>
<META HTTP-EQUIV=&quot;Content-Type&quot; CONTENT=&quot;text/html; charset=iso-8859-1&quot;>
<LINK REL=&quot;stylesheet&quot; HREF=&quot;glcss.css&quot; TYPE=&quot;TEXT/CSS&quot;>







<script language=&quot;javascript&quot;>
<!-- // hide script from old browsers

// define images

if(document.images) {

image01 = new Image;
image02 = new Image;
image11 = new Image;
image12 = new Image;
image21 = new Image;
image22 = new Image;
image31 = new Image;
image32 = new Image;
image41 = new Image;
image42 = new Image;
image51 = new Image;
image52 = new Image;
image61 = new Image;
image62 = new Image;


// source images

image01.src = &quot;images/zpersonalu.gif&quot;;
image02.src = &quot;images/zpersonald.gif&quot;;
image11.src = &quot;images/zpastworku.gif&quot;;
image12.src = &quot;images/zpastworkd.gif&quot;;
image21.src = &quot;images/ztransu.gif&quot;;
image22.src = &quot;images/ztransd.gif&quot;;
image31.src = &quot;images/zmylinksu.gif&quot;;
image32.src = &quot;images/zmylinksd.gif&quot;;
image41.src = &quot;images/zkbu.gif&quot;;
image42.src = &quot;images/zkbd.gif&quot;;
image51.src = &quot;images/zcontactmeu.gif&quot;;
image52.src = &quot;images/zcontactmed.gif&quot;;
image61.src = &quot;images/zhomeu.gif&quot;;
image62.src = &quot;images/zhomed.gif&quot;;

}

// MouseOver Function

function swapOn(imgLocation) {
if(document.images) {
document.images
.src = eval(imgLocation + &quot;2.src&quot;);
}
}

// MouseOut Function

function swapOff(imgLocation) {
if(document.images) {
document.images
.src = eval(imgLocation + &quot;1.src&quot;);
}
}

// end hiding script -->
</script>



</HEAD>
<BODY BGCOLOR=&quot;#FFFFFF&quot; TEXT=&quot;#000000&quot; BACKGROUND=&quot;images/background.jpg&quot;>
<TABLE WIDTH=&quot;98%&quot; BORDER=&quot;0&quot; CELLSPACING=&quot;0&quot; CELLPADDING=&quot;0&quot; ALIGN=&quot;CENTER&quot;>
<TR>
<TD ALIGN=&quot;LEFT&quot; VALIGN=&quot;TOP&quot;>
<TABLE WIDTH=&quot;100%&quot; BORDER=&quot;0&quot; CELLSPACING=&quot;0&quot; CELLPADDING=&quot;0&quot;>
<TR>
<TD ALIGN=&quot;LEFT&quot; VALIGN=&quot;TOP&quot; WIDTH=&quot;26&quot; HEIGHT=&quot;160&quot;><A HREF=&quot;index.cfm&quot;><IMG SRC=&quot;images/topleftbackground.jpg&quot; WIDTH=&quot;26&quot; HEIGHT=&quot;160&quot; BORDER=&quot;0&quot;></A></TD>
<TD ALIGN=&quot;LEFT&quot; VALIGN=&quot;TOP&quot; WIDTH=&quot;468&quot; HEIGHT=&quot;160&quot;><IMG SRC=&quot;images/topleft2background.jpg&quot; WIDTH=&quot;468&quot; HEIGHT=&quot;160&quot;></TD>
<TD ALIGN=&quot;RIGHT&quot; VALIGN=&quot;TOP&quot; BACKGROUND=&quot;images/topbackground.jpg&quot; WIDTH=&quot;100%&quot;>&nbsp;</TD>
<TD ALIGN=&quot;RIGHT&quot; VALIGN=&quot;TOP&quot; WIDTH=&quot;246&quot; HEIGHT=&quot;160&quot;><IMG SRC=&quot;images/toprightbackground.jpg&quot; WIDTH=&quot;246&quot; HEIGHT=&quot;160&quot;></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<BR>
<table width=&quot;98%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; align=&quot;center&quot;>
<tr>
<td align=&quot;RIGHT&quot; valign=&quot;TOP&quot; width=&quot;27&quot; HEIGHT=&quot;31&quot;><img src=&quot;images/btopleft.jpg&quot; width=&quot;27&quot; height=&quot;31&quot;></td>
<td background=&quot;images/btopmiddle.jpg&quot;>&nbsp;</td>
<td align=&quot;LEFT&quot; valign=&quot;BOTTOM&quot; width=&quot;32&quot; HEIGHT=&quot;31&quot;><img src=&quot;images/btopright.jpg&quot; width=&quot;32&quot; height=&quot;31&quot;></td>
</tr>
<tr>
<td width=&quot;27&quot; background=&quot;images/bleft.jpg&quot;></td>
<td align=&quot;left&quot; valign=&quot;top&quot; background=&quot;images/bbackground.jpg&quot; width=&quot;1142&quot;>
<table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; ALIGN=&quot;LEFT&quot;>
<tr align=&quot;left&quot; valign=&quot;top&quot;>
<td width=&quot;148&quot;>
<TABLE WIDTH=&quot;100%&quot; BORDER=&quot;0&quot; CELLSPACING=&quot;0&quot; CELLPADDING=&quot;0&quot;>
<TR>
<TD ALIGN=&quot;LEFT&quot; VALIGN=&quot;TOP&quot;><IMG SRC=&quot;images/linkstop.gif&quot; WIDTH=&quot;148&quot; HEIGHT=&quot;41&quot;><BR>

<a href=&quot;personal.cfm&quot; onmouseout=&quot;swapOff('image0');window.status='';return true;&quot; onmouseover=&quot;swapOn('image0');window.status='Personal';return true;&quot;><img border=&quot;0&quot; height=&quot;34&quot; name=&quot;image0&quot; src=&quot;images/zpersonalu.gif&quot; width=&quot;148&quot;></a><BR>
<a href=&quot;pastwork.cfm&quot; onmouseout=&quot;swapOff('image1');window.status='';return true;&quot; onmouseover=&quot;swapOn('image1');window.status='Past Work';return true;&quot;><img border=&quot;0&quot; height=&quot;40&quot; name=&quot;image1&quot; src=&quot;images/zpastworku.gif&quot; width=&quot;148&quot;></a><BR>
<a href=&quot;transcript.cfm&quot; onmouseout=&quot;swapOff('image2');window.status='';return true;&quot; onmouseover=&quot;swapOn('image2');window.status='Transcript';return true;&quot;><img border=&quot;0&quot; height=&quot;39&quot; name=&quot;image2&quot; src=&quot;images/ztransu.gif&quot; width=&quot;148&quot;></a><BR>
<a href=&quot;mylinks.cfm&quot; onmouseout=&quot;swapOff('image3');window.status='';return true;&quot; onmouseover=&quot;swapOn('image3');window.status='My Links';return true;&quot;><img border=&quot;0&quot; height=&quot;37&quot; name=&quot;image3&quot; src=&quot;images/zmylinksu.gif&quot; width=&quot;148&quot;></a><BR>
<a href=&quot;kb.cfm&quot; onmouseout=&quot;swapOff('image4');window.status='';return true;&quot; onmouseover=&quot;swapOn('image4');window.status='Knowledgebase';return true;&quot;><img border=&quot;0&quot; height=&quot;40&quot; name=&quot;image4&quot; src=&quot;images/zkbu.gif&quot; width=&quot;148&quot;></a><BR>
<a href=&quot;contactme.cfm&quot; onmouseout=&quot;swapOff('image5');window.status='';return true;&quot; onmouseover=&quot;swapOn('image5');window.status='Contact Me';return true;&quot;><img border=&quot;0&quot; height=&quot;41&quot; name=&quot;image5&quot; src=&quot;images/zcontactmeu.gif&quot; width=&quot;148&quot;></a><BR>
<a href=&quot;index.cfm&quot; onmouseout=&quot;swapOff('image6');window.status='';return true;&quot; onmouseover=&quot;swapOn('image6');window.status='There is no place like home';return true;&quot;><img border=&quot;0&quot; height=&quot;37&quot; name=&quot;image6&quot; src=&quot;images/zhomeu.gif&quot; width=&quot;148&quot;></a><BR>

<IMG SRC=&quot;images/linksbottom.gif&quot; WIDTH=&quot;148&quot; HEIGHT=&quot;35&quot;><BR>
</TD>
</TR>
</TABLE>
</td>
<td WIDTH=&quot;100%&quot;>
<TABLE WIDTH=&quot;100%&quot; BORDER=&quot;0&quot; CELLSPACING=&quot;0&quot; CELLPADDING=&quot;0&quot; ALIGN=&quot;LEFT&quot;>
<TR>
<TD ALIGN=&quot;RIGHT&quot; VALIGN=&quot;BOTTOM&quot; WIDTH=&quot;20&quot; HEIGHT=&quot;39&quot;><IMG SRC=&quot;images/1topleft.jpg&quot; WIDTH=&quot;20&quot; HEIGHT=&quot;39&quot;></TD>
<TD ALIGN=&quot;left&quot; VALIGN=&quot;TOP&quot; BACKGROUND=&quot;images/1topmiddle.jpg&quot;><IMG SRC=&quot;images/12topleft.jpg&quot; WIDTH=&quot;164&quot; HEIGHT=&quot;39&quot;></TD>
<TD ALIGN=&quot;LEFT&quot; VALIGN=&quot;BOTTOM&quot; WIDTH=&quot;20&quot; HEIGHT=&quot;39&quot;><IMG SRC=&quot;images/1topright.jpg&quot; WIDTH=&quot;20&quot; HEIGHT=&quot;39&quot;></TD>
</TR>
<TR>
<TD WIDTH=&quot;20&quot; BACKGROUND=&quot;images/1left.jpg&quot;>&nbsp;</TD>
<TD BGCOLOR=&quot;WHITE&quot; ALIGN=&quot;left&quot; VALIGN=&quot;top&quot;>
<P CLASS=&quot;topsylestyles&quot;>Website Content Here</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
</TD>
<TD WIDTH=&quot;20&quot; BACKGROUND=&quot;images/1right.jpg&quot;>&nbsp;</TD>
</TR>
<TR>
<TD ALIGN=&quot;RIGHT&quot; VALIGN=&quot;TOP&quot; WIDTH=&quot;20&quot; BACKGROUND=&quot;images/1bottommiddle.jpg&quot; HEIGHT=&quot;24&quot;><IMG SRC=&quot;images/1bottomleft.jpg&quot; WIDTH=&quot;20&quot; HEIGHT=&quot;24&quot;></TD>
<TD BACKGROUND=&quot;images/1bottommiddle.jpg&quot;>&nbsp;</TD>
<TD ALIGN=&quot;LEFT&quot; VALIGN=&quot;TOP&quot; WIDTH=&quot;20&quot; BACKGROUND=&quot;images/1bottommiddle.jpg&quot; HEIGHT=&quot;24&quot;><IMG SRC=&quot;images/1bottomright.jpg&quot; WIDTH=&quot;20&quot; HEIGHT=&quot;24&quot;></TD>
</TR>
</TABLE>
</td>
</tr>
</table>
</td>
<td align=&quot;LEFT&quot; valign=&quot;MIDDLE&quot; width=&quot;32&quot; background=&quot;images/bright.jpg&quot;></td>
</tr>
<tr>
<td align=&quot;RIGHT&quot; valign=&quot;TOP&quot; width=&quot;27&quot; HEIGHT=&quot;33&quot;><img src=&quot;images/bbottomleft.jpg&quot; width=&quot;27&quot; height=&quot;33&quot;></td>
<td background=&quot;images/bbottommiddle.jpg&quot;>&nbsp;</td>
<td align=&quot;LEFT&quot; valign=&quot;TOP&quot; width=&quot;32&quot; HEIGHT=&quot;33&quot;><img src=&quot;images/bbottomright.jpg&quot; width=&quot;32&quot; height=&quot;33&quot;></td>
</tr>
</table>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P ALIGN=&quot;CENTER&quot;>&nbsp;</P>
<TABLE WIDTH=&quot;500&quot; BORDER=&quot;0&quot; CELLSPACING=&quot;0&quot; CELLPADDING=&quot;0&quot; ALIGN=&quot;CENTER&quot;>
<TR ALIGN=&quot;CENTER&quot; VALIGN=&quot;MIDDLE&quot;>
<TD><IMG SRC=&quot;images/mcp.gif&quot; WIDTH=&quot;113&quot; HEIGHT=&quot;53&quot;></TD>
<TD><IMG SRC=&quot;images/mcsa.gif&quot; WIDTH=&quot;113&quot; HEIGHT=&quot;53&quot;></TD>
<TD><IMG SRC=&quot;images/mcse.gif&quot; WIDTH=&quot;113&quot; HEIGHT=&quot;53&quot;></TD>
</TR>
</TABLE>
<P ALIGN=&quot;CENTER&quot;><FONT FACE=&quot;Arial, Helvetica, sans-serif&quot; SIZE=&quot;1&quot; COLOR=&quot;#FFFFFF&quot;>Copyright
&copy; 2002 George Lemos All rights reserved.<BR>
<A HREF=&quot;<P ALIGN=&quot;CENTER&quot;>&nbsp;</P>
<P ALIGN=&quot;CENTER&quot;>&nbsp;</P>
<script language=&quot;JavaScript&quot;>

<!--
window.defaultStatus =&quot;George Lemos Website&quot;
// -->
</script>
<P></P>
</BODY>
</HTML>
 
Netscape.....possibly the most anoying browser in the world!!! I too also have many many netscape problems and it does drive me insane. I just had a quick look at some of the code for TEMPLATE.CFM - (With CFINCLUDE STATEMENTS).

I noticed that there are a few colspan isuess where you may need to do some spanning. I will havea better look when i have a bit more time. I find that netscape becomes very sensative to these. This is possibly why its going all over the shop!

If you use homesite to write your code in i always find that if you put the border=1 in place and you can see by the shading of the border where you havnt colspaned the td enough. Hope this can give you a bit of help for now...give me some time and i will be able to crack it for you. I just have to be careful as im at work and if they catch me doing stuff for you instead of fixing our own netscape problems i may end up in whole world of manuer!!

good luck for now
 
I hear ya!
I spent a ton of time working on it last night!
Ill play with it for a few days since right now its just a template design.
But if I cant get it to go, I know it got it good enough in IE and NS6 so Ill just have to cover my toosh and say &quot;This site must be viewed in IE 5.5 or NS6 or greater.&quot;

LOL.. Thanks for your help (Actually I use DW and CF Studio)
 
Have you tried to check the HTML code for standard conformity? I also (BTW, who not) had some table trouble w/ NS. I checked the validity of my HTML code using .
And &quot;aha&quot;, there were some minor errors. I corrected them, and volia, it worked.

HTH, Sascha
 
I did try the validator. Most of the errors were missing ALT tags for the images. There were 2 regarding backgrounds but I didnt look to deep into it last night - it was pretty late already - was a bit beat up :)
 
if you are doing this web page for yourself how about you encourage people to upgrade to a better browser. Netscape 4 is old and Netscape recognizes this.

It is so much easier to do code that works in Internet Explorer 4+ and Netscape 6 and forgetting about Netscrap 4 altogether. Gary Haran
 
I agree - I think I got it to work the way I want now anyway. Ended up not mixing percentages with pixels in the same table, using spacer .gif's to make the needed space I needed for the outside borders and maxing the middle cells to 100% worked fine. Looks fine to IE/NS6, even OK in NS4 but that dumb browser wont display the white inner background still.

Honestly - I really dont care. My next concern with it is to just work on the back end database for my knowledge base.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top