Need help with an IE/Netscape problem

[wvmikep]

http://www.mike-pulsifer.org/techphilespoc/ttp.htm

The IE Problem: There's a gap between the right edge of the table and the scrollbar of the browser. (works in Netscape)

The Netscape (4.7) Problem: The black vertical lines (left and right side of menu) are displaying as too wide. (works in IE)

Your ideas of how to fix these two issues would be appreciated.

Thanks ------------------------------------
"Unclean beast! Get thee down! Be thou consumed by the fires that made thee!" - Brother Jacobus in Dragonslayer

 

[caffeinerusher]

Hi, I took a quick look at your code, and here are a few suggestions. First, check through your code, you are missing " in a few of your tables. Also have you noticed, that the png graphics do not even appear in Netscape? At least not on mine, I would stick to a JPEG or GIF. Also I would recommend that you stay away from using % for size. It makes positioning and sizing very difficult. Make your pages for users with 800x600 and everybody else will fall right in line. I also noticed that you are using a huge amount of transparent gifs. You might want to take another look at that. So check through your code and see what you find in that. Change your % to specified pixels and take another look. Let me know how it turns out. Keep up the good work, your site looks interesting.

--Caffeinerusher

 

[wvmikep]

:Hi, I took a quick look at your code, and here are a few suggestions. First, check through your code, you are missing " in a few of your tables. Also have you noticed, that the png graphics do not even appear in Netscape? At least not on mine, I would stick to a JPEG or GIF.

Above NS 4.5 PNGs display. At least in 4.7 they do.

: Also I would recommend that you stay away from using % for size. It makes positioning and sizing very difficult. Make your pages for users with 800x600 and everybody else will fall right in line.

Except I want the design to stretch to the right edge of the screen. Non-negotiable.

: I also noticed that you are using a huge amount of transparent gifs. You might want to take another look at that.

Blame Netscape and its problems with the "border" CSS property.

: So check through your code and see what you find in that. Change your % to specified pixels and take another look. Let me know how it turns out. Keep up the good work, your site looks interesting.

Thanks, but the white bar up top is going to stretch to the far right. I found the issue there to be a memory issue. HomeSite 4.0 leaks memory like a city fire hydrant in the summer. Add to the mix SQL Server and CF Server and only 224MB RAM, after about a couple hours, things start acting funny, if you know what I mean. ------------------------------------
"Unclean beast! Get thee down! Be thou consumed by the fires that made thee!" - Brother Jacobus in Dragonslayer

 

[AndrewGrabovsky]

Hi wvmikep!
>>The IE Problem:  There's a gap between
>>the right edge of the table and the scrollbar
>>of the browser.  (works in Netscape)

I have IE5.0 and don't see any gap.

>>The Netscape (4.7) Problem: The black
>>vertical lines (left and right side of menu)
>>are displaying as too wide.  (works in IE)

Sometimes weird things happens...
I also seldom encounter such problems, and think that there's no any stardart way to solve it - you have to play with it in every particular case.

For this one I can suggest this: change your code for that table colomn with blank.gif image:
<td valign=&quot;top&quot; bgcolor=&quot;Black&quot; width=&quot;1&quot;><img src=&quot;images/blank.gif&quot; width=&quot;1&quot; height=&quot;1&quot; alt=&quot;&quot; border=&quot;0&quot;></td>

1. Create a new image with width of 10-15px (in this particular case you have enough space for it). It should be white (or any transparent color) with black vertical line at it's right corner. This line will be your right side navigation border.

2. Put it to the background of this table cell:
<td background=&quot;newbackgr.gif&quot;>& nbsp;</td>

Sometimes it's good to create a CSS class for this cell:
.thiscell { font-size: 1pt }
it's because the default size of text (as well as & nbsp is larger than you may expect and it cause extra gaps or width. Here you may not need it because of wide background image, but note this trick - it may help you in future.
You may also use transparent .gif (as you did) instead of nonbreaking space.
I think that this will help you to solve a problem.

In addition I have to add that the page looks not bad at all. And there are no differences in IE5, Netscape6 (it has no problems mentioned) and Opera5.
The code looks good too, and I agree with you in use of transparent gifs where it make sence and % in width values.
Good luck!

Andrew | starway@mail.com