Solved

It looks different on the pc than on my Mac

Posted on 2003-12-10
4
173 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
4 Comments
 
LVL 11

Accepted Solution

by:
Zontar earned 50 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

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

830 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