• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 228
  • Last Modified:

Easy Netscape Question

Using Netscape 4 I cannot position an image in the very top left of the browser window. It is always offset from the top and Left Hand side of the screen.

I have a background on the page and I want the image to match up with this background. The background always starts in the top left but not the image.

My code is as follows (and works 100% in IE4)

BACKGROUND="file:///c|/background.jpg" LEFTMARGIN="0" TOPMARGIN="0">
<IMG SRC="file:///c|/image.jpg" ALIGN="LEFT" BORDER="0" VSPACE="0" HSPACE="0" WIDTH="632" HEIGHT="11">

Any ideas!

I get the same problem with tables!
0
cmuir
Asked:
cmuir
  • 3
  • 2
  • 2
  • +4
1 Solution
 
joakimfCommented:
There are some differens between Netscape and Explorer one of them being that the "" around for example "LEFT". Try removing them and see if that helps...
//joakimf
0
 
MasseyMCommented:
Netscape doesn't support the LeftMargin and TopMargin tags... but, NS 4.x does support (limited) Cascading Style Sheets.  Use this instead:
<IMG SRC="file:///c|/image.jpg" BORDER="0" VSPACE="0" HSPACE="0" WIDTH="632" HEIGHT="11" STYLE="margin-left:0; margin-top:0;">

This will force the graphics to the top left...

- Matt
0
 
jbirkCommented:
While netscape doesn't support left margin and top marign it DOES support marginwidth and marginheight, just set both of these to 0 and your in business, except of course for the rest of the document running into the edges since there's no margin.  If you want just the image and nothing else to run into the edges, then use CSS as MasseyM said.
-Josh
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
cmuirAuthor Commented:
I have used STYLE="margin-left:0; margin-top:0;"
but for some reason I still get the image about 10mm from the top & left hand sides.

Full code is now as follows

<HTML>
<HEAD>
<TITLE></TITLE></HEAD>
<BODY LEFTMARGIN="0" TOPMARGIN="0"><IMG SRC="file:///c|/image.jpg"
ALIGN="TOP" BORDER="1" VSPACE="0" HSPACE="0" WIDTH="632" HEIGHT="11" STYLE="margin-left:0">
</BODY>
</HTML>
0
 
MasseyMCommented:
Netscape is a HUGE piece of CRAP!

0
 
bernfarrCommented:
This is also being discussed in:
  www.experts-exchange.com/Q.10071379

The problem you're describing has been around with Netscape for some time. To the best of my knowledge there is no solution. I've suggested that the other person try to redesign their page.

Remember that until recently HTML did not really consider absolute positioning of page elements as an important issue.
0
 
sybeCommented:
The only solution I can think of is ugly (but I have used it):
Make two images, one for NS and one for IE
use javascript to detect the browser and display an suitable image accordingly.

0
 
Trevor013097Commented:
Have you try using negative values in your STYLE to position the image, like this:

STYLE="margin-left:-10; margin-top:-10;"

Trevor.


0
 
cmuirAuthor Commented:
Trevor,

Simple yet effective!

STYLE="margin-left:-10; margin-top:-10;"  
 
Worked a treat!
Do you want the points?
 

 
 

0
 
Trevor013097Commented:
cmuir,

Try using negative values in your STYLE:

STYLE="margin-left:-10; margin-top:-10;"

Trevor.


0
 
Trevor013097Commented:
cmuir,

Glad I could help.

>> Do you want the points?

Don't mind if I do!! ;-)

Trevor.


0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

  • 3
  • 2
  • 2
  • +4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now