?
Solved

table bkgd & alignment problems with Netscape

Posted on 2000-04-21
21
Medium Priority
?
174 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 1200 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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
Suggested Courses

800 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