Solved

table bkgd & alignment problems with Netscape

Posted on 2000-04-21
21
171 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
Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
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
 
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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
ASP server side get value 15 35
edit .asp files 5 29
Load data upon clicking a button 8 33
Search Item in Table 2 18
Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

790 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