Solved

It looks different on the pc than on my Mac

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

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
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…
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 …

705 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