Solved

Easy Netscape Question

Posted on 1998-08-11
11
218 Views
Last Modified: 2010-04-09
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
Comment
Question by:cmuir
[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
  • 3
  • 2
  • 2
  • +4
11 Comments
 
LVL 1

Expert Comment

by:joakimf
ID: 1845180
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
 
LVL 10

Expert Comment

by:MasseyM
ID: 1845181
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
 
LVL 8

Expert Comment

by:jbirk
ID: 1845182
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
Industry Leaders: 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!

 

Author Comment

by:cmuir
ID: 1845183
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
 
LVL 10

Expert Comment

by:MasseyM
ID: 1845184
Netscape is a HUGE piece of CRAP!

0
 
LVL 2

Expert Comment

by:bernfarr
ID: 1845185
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
 
LVL 28

Expert Comment

by:sybe
ID: 1845186
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
 
LVL 5

Expert Comment

by:Trevor013097
ID: 1845187
Have you try using negative values in your STYLE to position the image, like this:

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

Trevor.


0
 

Author Comment

by:cmuir
ID: 1845188
Trevor,

Simple yet effective!

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

 
 

0
 
LVL 5

Accepted Solution

by:
Trevor013097 earned 20 total points
ID: 1845189
cmuir,

Try using negative values in your STYLE:

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

Trevor.


0
 
LVL 5

Expert Comment

by:Trevor013097
ID: 1845190
cmuir,

Glad I could help.

>> Do you want the points?

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

Trevor.


0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

628 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