Solved

table bkgd & alignment problems with Netscape

Posted on 2000-04-21
21
168 Views
Last Modified: 2010-04-09
I am developing a website, and am having some trouble with table background colors in NS.  Also, some alignment problems with NS v.s. IE as well.

The page link is:  http://www.otcbbstockwatch.com/testpage.shtml

If you load this page in IE, you will see it as it is suppossed to look.  If you then load it in NS, you will notice that the table on the left margin titled registration does not have a dark blue background in the bottom cell.  

Also, the images next to the text in the body of the page are aligned right (I cheated and used text as spacers, invisible on the page because they are the color of the background.  This might be part of the problem here, but I couldn't get it to align only the images, and not the text to the right.)  The images I refer to are the ones next to the text:  OTCBBStockwatch.com, In Focus, Forums, Markets, Tools, Audio/Video, Monitor.  (They are grayscale images).

It seems like no matter what I do, I cannot get the table backgrounds to match up in NS and IE.  I am developing with Dreamweaver 3.0.  Of course what I design in DW looks just like it is suppossed to in IE, but not in NS.  I am thinking that there is some trick to coding the nested tables that is specific to NS but also works in IE????

Any help is appreciated.
 
0
Comment
Question by:mmoline
  • 7
  • 6
  • 4
  • +2
21 Comments
 
LVL 1

Expert Comment

by:Subhuman
ID: 2739466
In the source for this page:

<tr valign="top" bgcolor="#000063">
          <td height="18"></td>

This is where the table bgcolor is not working in NS.

try changing these lines to

<tr valign="top">
          <td height="18" bgcolor="#000063"> </td>



I havent tested this but I don't think NS likes having the color defined in the TR.

Other than this and some minor deviations in font sizes (which are inevitable), the page looks the same in IE5 and NS4.7
0
 
LVL 22

Accepted Solution

by:
CJ_S earned 300 total points
ID: 2739633
The background color for the one cell, having it in the TR (Tablerow) is okay, but you should put a space (&nbsp;) between the TD and the /TD.

for the misaligned images you can use:

<table border=0 cellspacing=0 cellpadding=0 width=100%><tr><td align=left><b><font face="Verdana, Arial, Helvetica, sans-serif">OTCBBStockwatch.com</font></b></td><td align=right><img src="images/misdirected.jpg" width="43" height="43" align="absmiddle"></td></tr></table>

You just have to change the width for your likings...
0
 
LVL 3

Expert Comment

by:fibdev
ID: 2739811
CJ_S is right about this ...

"The background color for the one cell, having it in the TR (Tablerow) is okay, but you should put a space (&nbsp;) between the TD and the /TD."

Reason:  Netscape won't put color into a cell background unless there is something in the cell.  Don't ask me why, that's just the way it is.

Site looks real good in IE

Good luck
0
 
LVL 22

Expert Comment

by:CJ_S
ID: 2739828
The same for printing. If you have multiple frames with backgrounds, and the printing settings are so that the background will be printed too, then you NEED to have something in the frame, not only a background. If there's nothing in it but the background image then that won't be printed.

That's really weird.
0
 
LVL 3

Expert Comment

by:fibdev
ID: 2739850
As for the alignment of the tables ...

I try to keep the habit of using all percentages.  Also, I agree, try to avoid using %100 width.  I find that this usually produces scrollbars.
0
 
LVL 1

Expert Comment

by:Subhuman
ID: 2741273
That's because it makes the *content* of the table 100% wide, so borders, offsets and padding push the edge of the table over, creating scrollbars.
I make the page using mostly absolute widths so that it fits in an 800x600 monitor, then make the entire page table centered so at a greater resolution it's nicely balanced.

ALthough most of the time I use frames rather than table layouts becuase they are easier to manage/navigate and look better.
0
 
LVL 22

Expert Comment

by:CJ_S
ID: 2741338
Subhuman, I agree with you there. We also use frames, and sites for 800 x 600 as a minimum.......it'll be balanced in the center of the screen if it's a greater than than that resolution.

0
 

Expert Comment

by:Graphico
ID: 2741385
hi! mmonline

i think i am quiet clear with your question.
infact i had also the same problem with
my website.
try the following things;

- if any cell is empty and you have applied a colour on it as a bg , then
write ' &nbsp; ' between your <td> and </td>
tags.

see you soon.
0
 
LVL 3

Expert Comment

by:fibdev
ID: 2741563
Graphico!

CJ_S and I already stated that as comments!  That's plagarism!
0
 
LVL 22

Expert Comment

by:CJ_S
ID: 2741622
fibdev, he did the same with another question......oh well.

Graphico, maybe an idea for you.....READ first, THEN answer....

And please don't put something as an answer, but place Comments....cuz this'll lock the question. And Comments can be taken as answers too.
0
6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

 
LVL 1

Expert Comment

by:Subhuman
ID: 2743020
Why do people always do that? The worst thing is when the thread dies before the asker returns, then the stupid answer gets autograded. :(
0
 
LVL 22

Expert Comment

by:CJ_S
ID: 2743029
What exactly IS autgrading? I never encountered any such thing. Maybe cuz I'm only here for a like 1.5 month now?
0
 
LVL 1

Expert Comment

by:Subhuman
ID: 2743060
When a *locked* thread hasn't been posted to in a while (sorry, I'm not sure exactly how long), the propsed answer is given an automatic grade of a C. This is to ensure that answerer get the points (ie, to stop people asking questions then ignoring them when they get the answer they want).

Similarly if a thread hasn't been touched for a while and it is unlocked, it gets auto deleted.

Both of these instances can be avoided by simply posting to the thread regularly. It also means that the person who asked the question keeps getting notification emails reminding them of there pending question.
0
 
LVL 22

Expert Comment

by:CJ_S
ID: 2743079
so.....if the questioner doesn't come back here, this guy who posted a copy will get the points? UHMMMM......
0
 
LVL 1

Expert Comment

by:Subhuman
ID: 2743104
Unless you keep posting to the thread occasionally, yes. :(
0
 

Author Comment

by:mmoline
ID: 2744496
I apologize to all for not getting back to this thread.  I enjoyed the Holiday weekend a little too much.  

In regards to Graphico's answer, I appreciate your response, however the question was answered by CJ S, with comments by Subhuman and Fibdev contributing to the final accepted answer.  

Thank you to all, and I will divide the points up, giving CJ S 250, and 25 each to Fibdev and Subhuman for their contributions.  

Thanks again for making EE such a great forum for those of us who need a little help once in a while!
0
 

Author Comment

by:mmoline
ID: 2744505
Thanks CJ S, I was going to try and give 25 pts. to the other two contributors also, but I guess I cannot break them up??  If there is a way to do this and I just don't know it, maybe you could help out.
0
 
LVL 22

Expert Comment

by:CJ_S
ID: 2745172
You could ask EE to divide the points, I don't know how though.
0
 
LVL 1

Expert Comment

by:Subhuman
ID: 2746805
Thanks :)

It's easy... post a question worth 25 points called "Points for <user's name>", just say something like "thanks for the help in my question," then we will "answer" the thread and get the points.

When you've posted the questions with the points, tell us in here so we get an email notification of it. :)
0
 
LVL 3

Expert Comment

by:fibdev
ID: 2747421
Glad I could help ... not to worried about the points, but I do appreciate them.  happy scripting
0
 

Author Comment

by:mmoline
ID: 2748309
Go get your points guys.......
0

Featured Post

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now