logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 10-04-2012, 04:23 PM   #21
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 869
Default

Quote:
Originally Posted by gentleone View Post
Yes, stop worrying about a 1px browser display difference.
My hero... I have actually stopped to research this and still can't get a good solution. I remember I had this problem before and finally gave up & lived with it.

What is happening is that somewhere in your code a situation is being created such that browsers are being forced to "round out" the positioning.
FF is rounding up, the others are rounding down.
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 10-04-2012, 04:53 PM   #22
Alfavista
 
Join Date: Sep 2012
Posts: 19
Default

Thank you all for your time and input it is very much appreciated.

It has been quite a frustrating process for my first attempt at my website. This was really the final step in trying to iron out those finer details, hence the extracted part of one of the pages you were looking at.
Finding out about the nuances of specific browsers has been a learning curve with so much more to learn.
Also dropbox a real gem for testing, thank you for the info.
I came across this link and tried the various methods also to no avail.

http://blog.themeforest.net/tutorial...ring-with-css/
Alfavista is offline   Reply With Quote
Old 10-04-2012, 05:05 PM   #23
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 869
Default

You're welcome, sorry I'm not getting more definitive. Middle of the workday & all here... Gentleone's dead-on with his opinion on the matter, and bottom line if your client complains you can always browse to this thread, the problem is caused by rounding (I believe) and we don't have a quick solution.
You could in the end set it for firefox & then install a hack for IE, but if it renders wrong in chrome & safari thereafter you've accomplished nothing...
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 10-04-2012, 05:05 PM   #24
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

If you want to center that h3 tag vertically in that red box (studio_red_rectangle_no_margin), then you must give the the h3 tag a line-height that's equal to the height of 'studio_red_rectangle_no_margin'. In this case a line-height of 20px.
This is how you center vertically and as far as I know it is cross browser. But... maybe there will be stil a 1px difference, because I don't see those differences anymore
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 10-04-2012, 07:26 PM   #25
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Quote:
Originally Posted by gentleone View Post
But... maybe there will be stil a 1px difference, because I don't see those differences anymore
Two thoughts:
1. The web was never intended to be a pixel perfect environment. Look at responsive design.
2. With retina displays and higher points-per-inch, few people are going to be able to tell if something is one pixel off.
3. Spending time on something that is one pixel off is not productive.
domedia is offline   Reply With Quote
Old 10-04-2012, 07:57 PM   #26
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

Quote:
Originally Posted by domedia View Post
Two thoughts
I count 3 there... trying to sneak in 1 extra, huh?

...but that's what I told him too!
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 10-05-2012, 01:08 PM   #27
Alfavista
 
Join Date: Sep 2012
Posts: 19
Default

Okay chaps comments taken on board.
As a designer I generally aim to perfect and as this is my first attempt at coding in dreamweaver, I thought this was possible to do. I have concluded that the copy sits in the correct place in all my browser tests except for in Firefox where i have the 1px shift so will just have to stick with that.

On a separate note with testing, does anyone know why I am getting an additional character © 2012 appearing next to my copyright symbol? This is also happening in my paragraph copy 15 years’ where the apostrophe is being replaced with the 3 characters. This is all when viewing from dropbox.
The unusual part about it is that if I click the copyright link and go to the linked page it doesn't occur in the footer of that page and the code is identical.

Many thanks
Alfavista is offline   Reply With Quote
Old 10-05-2012, 02:07 PM   #28
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 869
Default

Would need to see the code... I don't see anything on your drop box page.
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 10-05-2012, 04:40 PM   #29
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Quote:
Originally Posted by Alfavista View Post
The unusual part about it is that if I click the copyright link and go to the linked page it doesn't occur in the footer of that page and the code is identical.
It doesn't matter. It's in Dropbox, and the way they treat character encoding is irrelevant for your web site.
domedia is offline   Reply With Quote
Old 10-07-2012, 09:09 AM   #30
Alfavista
 
Join Date: Sep 2012
Posts: 19
Default

Just to clarify please, is this specific to drop box as to why this is happening?
When I select a web host and load it on their server from dreamweaver will the site work with typeface displaying as I would expect with the @fontface declaration?
Alfavista is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 12:04 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com