Accessibility

CSS Advisor

Dreamweaver site built on a Mac in CSS displays huge on all PC's

by ryanroy.roy on February 19, 2009 Avg Rating Not yet rated   |   Log in to rate post.

Tagged with div tags , Explorer 7.0 , Firefox 1.5 , size PC vs Mac display CSS Div tag Layers

Problem

Dreamweaver site built on a Mac in CSS displays huge on all PC's. See the site at ryanroydesign.com

Solution

No idea how to fix

Detailed description

Dreamweaver site built on a Mac in CSS displays huge on all PC's.

See the site at ryanroydesign.com




Text ID: DREAMWEAVER1



Comments (3)

To add a comment, please Log in.




Not sure -

I dont think that it looks all that huge, it's only slightly taller than my browser window in IE7 and Firefox on my PC.

Don't know what to suggest, but I did want to compliment you on your Florida Baseball picture - cool idea. Best of luck.

Huge....

I suppose you are reffering to the font size/ If you specified teh font in point size and not in in pixels then the PC version of your site is going to be much different. The PC renders and displays fonts larger than seen on the Mac. Some fonts can "appear" to be as much as 2 point sizes bigger. You can specify the point size and leading in pixels and it will be a lot closer to what you see on the mac. Keep in mind the Mac display is at 72ppi and the PC is at 96 or at least I think it is.

Not enough info...

Huge how? It is tough to determine what is "huge" when no specs are given nor browsers listed. Safari, IE and Firefox all have slightly different rules on how they display specific CSS. The particular browser's settings also can alter the appearance of a site.

Perhaps a better way of doing what your attempting is to use background images rather than images stacked inside different divs.  Make one div surrounding the other content, with a single background image of the hand (a great photo btw) and then manually place the other divs on the page where you want them.

You basically have created a tabled page using divs rather than using divs for what they're designed for.





CSS Advisor home
Submit a post

rss

CSS ADVISOR RSS FEEDS
Recent: POSTS | COMMENTS | EDITS


Browsers
Internet Explorer (45)
Mozilla/Firefox (16)
Opera (7)
Safari (13)
CSS Properties
Background (6)
Border (3)
Color (1)
Float (15)
Font (1)
Margin (6)
Padding (4)
Position (15)
Text (13)
Width/Height (9)