Forum Moderators: open

Message Too Old, No Replies

Netscape NEEDS to have height=100% - any alternatives?

Cant seem to make this page look the same in both browsers

         

magos

6:57 pm on Dec 4, 2001 (gmt 0)



Ok, IE works very nicely and Netscape is aweful. My company uses Netscape as a standard and IE is considered "alternative" - (bad call, I know)

If you would, please give me your suggestions to make this site look the same

[my.autoc.com...]

Playing with CSS helps a bit, but not enough...

txbakers

8:44 pm on Dec 4, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I used to like Netscape many years ago. I'm sure you read my rantings about stuff not working.

I looked at your sample, and it appears that the black lines are images? And they are not reaching all the way to the footer?

I didn't see image tags in the code, but I did see a stray BORDER in the table tag, and a missing   in the greyish column. Netscape really needs something in the cell.

Good luck.

Marshall

9:02 pm on Dec 4, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



magos,

NN4 won't recognize the font description in body {font...} You have to assign that to a cell or paragraph for NN4 to see it.

magos

9:42 pm on Dec 4, 2001 (gmt 0)



Thank you all for your replies! This is just a test of my main issue which is to find a way for Netscape to render 100% height so that the two (TD's) in the middle span vertically at 100%. I can add height="100%" to the table (not valid, but IE understands it) and I am set - However, Netscape does not recognize it. I tried using a style command and again, Netscape doesn't see it.

I want to be able to deliver a site that looks the same in both browsers. Granted, we all want this, but perhaps this thorn can be removed by the combined expertise that we all have.

Appreciate all your input!

where do I go from here? argh!

btw - I know the "font" piece in the CSS section is incorrect. I was playing with making the site font look correct in NS, but had no luck. I do need to remove that.

Marshall

10:03 pm on Dec 4, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



magos,

I wasn't commenting on that font tag in the CSS. I figured that was a boo-boo. I really mean that NN4 won't recognize any font description when it's in the body {CCS}.

tedster

10:53 pm on Dec 4, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Here's another thread [webmasterworld.com] that wrestles with the problem of cross-browser table height. What you want to do is not easy. It will probably require javascript calculations on the fly for Netscape to do what you want.

Note rcjordan's links in that post:
Liquid Layout [dansteinman.com]. (Try resizing your browser window once there.)
Using Browser Width/Height [dansteinman.com]

Eric_Jarvis

2:30 pm on Dec 5, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



simple answer is you can NEVER get a page to display identically across a number of browsers...so don't try...simply aim to make it look good across a range of browsers

I've never understood why so may people seem to think it is important...I can't imagine the average web user goes to a site, finds what they want, and then goes back with a different browser to see if it looks identical

Marshall

3:32 pm on Dec 5, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Eric,

I don't think that's the issue. It's simply a matter of having it be useable and still look good while accommodating as many browser versions as possible to reach a wider audience.

magos

12:50 pm on Dec 6, 2001 (gmt 0)



Thank you all, once again! Tedster, it looks as if the JS link that you provided will fix the issue at hand. True, a bit of work, however, it will do.

Thanks Marshall - I didn't know the Font section in the CSS BODY{} was ignored by Netscape. I just bought a CSS book ("core CSS by Schengili-Roberts) - Hopefully, it will give me many many answers with using CSS. Take care all!

marnie

2:13 pm on Dec 10, 2001 (gmt 0)



try adding the height="100%" to the table tag
<table width="100%" height="100%" border="0" cellspacing="2" cellpadding="2" bgcolor="#000000" style="height: 100%; width: 100%; overflow: auto; table-layout: FIXED;" BORDER>

gengwall

10:19 pm on Jan 17, 2002 (gmt 0)



Try the following code. It works for me in both IE 5 and Netscape 4.7. I don't think it will work in NS 6 because of the declination of the height and width attributes at the TD level but I haven't tried yet. At least it's a start. Incidently, this has both page headers and footers and headers and footers for the two columns. Of course, any table within the contents cells won't stretch. But, I think you were mostly concerned with getting a footer at the bottom of the page, right? This works because I avoid tables until I absolutely have to use them. It is not how I would prefer to go about it, but...

EDIT: I have tried it with Netscape 6.2 and it works except for my set column width of 200 for cell 1. That's minor though. I also have a version of this that makes column 1 a navigator and links column and column 2 a content column. Let me know if you would like that html.

<table BORDER WIDTH="100%" HEIGHT="100%" CELLSPACING="0" CELLPADDING="0">
<tr>
<td COLSPAN="2" WIDTH="100%">Header</td>
</tr>

<tr>
<td NOWRAP WIDTH="200">Cell 1 Header</td>

<td WIDTH="100%">Cell 2 Header</td>
</tr>

<tr>
<td HEIGHT="100%">Cell 1</td>

<td HEIGHT="100%">Cell 2</td>
</tr>

<tr>
<td NOWRAP WIDTH="200">Cell 1 Footer</td>

<td WIDTH="100%">Cell 2 Footer</td>
</tr>

<tr>
<td COLSPAN="2" WIDTH="100%">Footer</td>
</tr>
</table>

gengwall

3:49 pm on Jan 18, 2002 (gmt 0)



I looked at your original and Marnie's answer above is correct. Simply adding Height="100%" in the table tag makes it work in both Netscape 4.7 and 6.2