Solved

It looks different on the pc than on my Mac

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
HTML CSS 7 38
Blog posts not showing up on Blog page 7 52
TCPDF HTML Table of Contents how can I create leading dots 7 43
Form Processing in PHP 11 32
Introduction The Google Maps API offers various ways to draw dynamic and static maps.  Using a combination of PHP and JavaScript, you can draw active JavaScript maps that allow pan-and-zoom in the client browser window.  You can also draw "static" …
Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

867 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now