Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Netscape and CSS - AARRGGGHH

Status
Not open for further replies.
calista

calista

Programmer
Jan 24, 2001
545
US
I am trying to make my intranet site Netscape compatible (or it's trying - one or the other). So far, I've figured out Netscape (6.2, BTW) doesn't like position:fixed; or the font attibutes. The position:fixed; attribute isn't too big a deal, because I have only one style sheet that uses it, and it's only in one place. I can work around that, but I welcome any suggestions regarding that. The font is a bigger issue. I use the font attribute rather liberally, so how do I get Netscape to recognize it?

Thanks! Calista :-X
Jedi Knight,
Champion of the Force
 
Sort by date Sort by votes

Stylesheets works good in all browsers if done properly.
Post your code here.
 
Upvote 0 Downvote
OK, here is a portion of my style sheet:

.Menu {
background : #F0F8FF;
width : 20%;
font : bold larger;
vertical-align : top;
position : fixed;
}

Here's how I use it:
<TITLE>Test Netscape</TITLE>
<!--- Put style sheets here. --->
<LINK REL=&quot;STYLESHEET&quot; TYPE=&quot;text/css&quot; HREF=&quot;CommonFiles/StyleSheets/TableStyle.css&quot;>
</HEAD>
<BODY>

<TABLE>
<TR>
<TD>
<TABLE CLASS=&quot;Menu&quot;>
<TR>
<TD>
<IMG SRC=&quot;#Application.ImagePath#MyImage.gif&quot; WIDTH=&quot;143&quot; HEIGHT=&quot;48&quot; BORDER=&quot;0&quot; ALT=&quot;&quot;>
</TD>
</TR>
<TR>
<TD><A HREF=&quot;#Application.RootPath#HomePage.cfm&quot;>HOME</A></TD>

</TR>
<TR>
<TD><A HREF=&quot;#Application.RootPath#Administrative/AdminIndex.cfm&quot;>ADMINISTRATIVE</A></TD>
</TR>
<TR>
<TD><A HREF=&quot;#Application.RootPath#Directory/DirectoryIndex.cfm&quot;>DIRECTORY</A></TD>
</TR>
<TR>
<TD><A HREF=&quot;#Application.RootPath#Discussion/ForumPage.cfm&quot;>DISCUSSION</A></TD>
</TR>
<TR>
<TD><A HREF=&quot;#Application.RootPath#Product/ProductHome.cfm&quot;>PRODUCTS</A></TD>
</TR>
<TR>
<TD><A HREF=&quot;#Application.RootPath#Proposals/ProposalHome.cfm&quot;>PROPOSALS</A></TD>
</TR>
<TR>
<TD><A HREF=&quot;#Application.RootPath#Reference/ReferenceHome.cfm&quot;>REFERENCE</A></TD>
</TR>
<TR>
<TD><A HREF=&quot;#Application.RootPath#Search/DocSearchForm.cfm&quot;>SEARCH</A></TD>
</TR>
<TR>
<TD><A HREF=&quot;#Application.RootPath#Services/ServiceList.cfm&quot;>SERVICES</A></TD>
</TR>
<TR>
<TD><A HREF=&quot;#Application.RootPath#Teams/TeamPage.cfm&quot;>TEAMS</A></TD>
</TR>
<TR>
<TD><A HREF=&quot;#Application.RootPath#TimeSheet/TimeIndex.cfm&quot;>TIME SHEET</A></TD>
</TR>
<TR>
<TD><A HREF=&quot;#Application.RootPath#Tools/ToolIndex.cfm&quot;>TOOLS</A></TD>
</TR>
</TABLE>
</TD>
<TD CLASS=&quot;MainPage&quot;>
<!--- ************************************************************************* --->
<!--- ******************** Insert main page info here. ************************ --->
<!--- ************************************************************************* --->

<!--- ************************************************************************* --->
<!--- ******************** End of Main Page info. ***************************** --->
<!--- ************************************************************************* --->
</TD>
</TR>
</TABLE>

What happens is this: the menu, which is supposed to be on the left hand side in between a header and a footer is shown all the way at the top, overlaying part of the header. If I remove &quot;position:fixed;&quot;, that problem is resolved, although I'm not sure what happens on the rest of the pages. Since this is my basic page template, I want to get that looking OK first. I'm sure I had a reason for adding &quot;position:fixed;&quot;. I think it was to keep the menu right under the header, so the menu didn't float down the screen if the number of lines displayed was longer than the table. The fonts don't register at all. Any assistance is welcome.

Thanks! Calista :-X
Jedi Knight,
Champion of the Force
 
Upvote 0 Downvote
First of all, when there are errors in CSS definitions browsers interpret them differently. That means that if in some browser you see what you wanted to do, it doesn't mean that your code is OK unless you test it in others.

I tested your code in IE5, Netscape 6.2 and Opera 6.0. Can you tell me what's wrong with Netscape? It does exactly what you told it to do. As IE and Opera did, with few comments.

I would like to recommend you to set the font properties correctly, by setting all attributes. Like this:

font { bold 14pt tahoma,arial,sans-serif; }

This will make it looks exactly the same in all browsers. This also allow you to remove [tt]larger[/tt]. Your definition [tt]font : bold larger;[/tt] seems to work as expected only in IE.

If you only set the background colour I'd change [tt]background : #F0F8FF;[/tt] to [tt]background-color: #F0F8FF;[/tt]

[tt]width : 20%;[/tt] is not recognized by IE5, and the width of table depends on text links in it (Netscape and Opera are OK).

I can't tell anything about [tt]position : fixed[/tt] because I don't have your environment to see what happens there.

I recommend you to check CSS part of GevGuru site: Also read there what's written about [tt]position : fixed[/tt].

CSS sometimes looks like a game or puzzle, and the best way to learn it by my opinion is to follow cross-browser solutions only and test your code in different environments.
good luck.
 
Upvote 0 Downvote
Thanks for the info on fonts! That seems to work, now. You didn't see the other problem because you didn't have my header and footer code. Anyway, I've determined that it is related to the Cold Fusion I am running, so I'm on my way over to that forum to ask there. Just FYI, if I code the page as straight HTML and bypass CF, it works. Calista :-X
Jedi Knight,
Champion of the Force
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
746
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
715
pmonett
pmonett
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
578
PeDa
PeDa
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
189
lmcate
lmcate

Part and Inventory Search

Sponsor

Back
Top