Solved

It looks different on the pc than on my Mac

Posted on 2003-12-10
4
174 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 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

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!

Question has a verified solution.

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

Suggested Solutions

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Find out what you should include to make the best professional email signature for your organization.
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ā€¦
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

732 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