?
Solved

It looks different on the pc than on my Mac

Posted on 2003-12-10
4
Medium Priority
?
177 Views
Last Modified: 2010-04-09
I've got the following problem. The link below shows fine in  explorer and netscape on a Mac but on a pc the light orange bar on the left is just a few pixels off from the corner from the top orange bar. Does anybody know what might be the problem?

http://www.writeco.nl/try/Editors_Update%20folder/Editors_Update/index_def.html

I set the menubar with the script that you can find in the page.
Thanks.
0
Comment
Question by:Jinthro
[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
4 Comments
 
LVL 11

Accepted Solution

by:
Zontar earned 200 total points
ID: 9918456
Use a 2X2 table, then the border of all 4 cells will line up correctly.

Also, using an absoilute width of 801 pixels for the table is not a good idea -- that automatically forces horizontal scrolling for users whose screen reslution is 800x600 or lower. There's no reason to use a single, huge image for the header; put the logo in a separate image make that the width you want for the left-hand column and the height of the header. Then just use white lettering for the "Editor's Corner" text in a table cell with an orange background. Make the width of the table 100% and the width of the top right table cell something like 85%, then it'll take up the rest of the space dynamically to match the user's browser window size.

In general, relative sizes (percentages) are better than absolute sizes, since you have no control over the user's screen resolution and browser window size. Remeber, on the Web, your canvas has no fixed size, and you must adapt your designs to that fact.
0
 

Expert Comment

by:Anonymous13
ID: 10016851
No matter what you do there are always differences between mac and pcdoing some things can make it better but it will never be perfect. You could also set a fixed position relative to the position of the other elements using css.
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

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 code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
Suggested Courses

752 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