[Webinar] Streamline your web hosting managementRegister Today

x
?
Solved

ie 4 images problems

Posted on 1998-04-16
8
Medium Priority
?
205 Views
Last Modified: 2013-12-25
I have set up a web page and am in the process of testing it on several browsers. It works fine on Netscape 3.0, netscpae communicator, and IE 3. However on ie4 one of the images has become off set to the left, unlike on the other browsers, where it should be. The image itself is in a cell,  but the cell has been set up the same as all the others !

Any ideas

Itssbell
0
Comment
Question by:itssbell
8 Comments
 
LVL 3

Expert Comment

by:slok
ID: 1858285
showing the HTML codes will be better.
0
 
LVL 1

Expert Comment

by:dagon
ID: 1858286
show us the code and know that defult border widiths differs between browsers
0
 
LVL 3

Expert Comment

by:MorFF
ID: 1858287
have you checked the margin settings?
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.

 
LVL 3

Expert Comment

by:hkp
ID: 1858288
You are not alone. It's very difficult to make a pretty HTML page which works on all browsers. What you need is to use common features, which actually behaves the same way on all implementations of browsers (you want to support!).

So, test your pages on the browsers you want to support, before actually releasing the pages.

I have a set of pages, at http://www.cybercity.dk/users/ccc5356, and they have such a nice behavior when I use IE4, and such a bad behavior when running Netscape's browsers. The nice thing is the way the border images can be stretched in IE4 interpretation of HTML tables and cells. What is HEIGHT=100%? Obviously, Netscape doesn't have a unique answer to this, and neither has the developers of HTML. As, I told you: "You are not alone."
0
 

Author Comment

by:itssbell
ID: 1858289
The code is

<td width="103" height="1" valign="bottom" align="right" bgcolor="#000080"><img src="../graphics/Frontpage/kingalf1.gif" width="238" height="88" alt="kingalf1.gif (2521 bytes)"></td>

To view the page visit

www.wkac.ac.uk/test
0
 
LVL 28

Expert Comment

by:sybe
ID: 1858290
your image is wider then the table cell
0
 
LVL 3

Accepted Solution

by:
hkp earned 80 total points
ID: 1858291
You have made the cell too small (compared to the cell with kingalf2.gif).

Your kingalf1.gif cell:

    <td width="103" height="1" valign="bottom" align="right" bgcolor="#000080"><img src="../graphics/Frontpage/kingalf1.gif" width="238" height="88" alt="kingalf1.gif (2521 bytes)"></td>

The correct cell should be (notice the 502 has changed from 103):

    <td width="502" height="1" valign="bottom" align="right" bgcolor="#000080"><img src="../graphics/Frontpage/kingalf1.gif" width="238" height="88" alt="kingalf1.gif (2521 bytes)"></td>

I hope this is better.
0
 

Author Comment

by:itssbell
ID: 1858292
It works - you are a star
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone 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

When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Suggested Courses
Course of the Month8 days, 19 hours left to enroll

590 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