Re: [WSG] 1px difference between IE and FireFox

2008-10-13 Thread Gunlaug Sørtun 

Taco Fleur wrote:


The cause of this problem is something I've never encountered in my
14 years of web dev, this is amazing to [EMAIL PROTECTED]


Well, IE moves in mysterious ways, but one can always follow its path 
and figure out which bugs we're dealing with :-)



What IE6 does with odd numbers in such cases is relatively well known, I
think. Easy to check, and usually not a problem as long as designs can
take +/- 1px or avoid those odd numbers.


IE7' behavior is caused by the way they made IE7 respect declared
dimensions - something IE6 doesn't. IE7 internally replicates the old
hack we sometimes use on IE6 to make it respect dimensions while
presenting any overflow - 'overflow: hidden' on the container and
'position: relative' on the content.

In your design the '#mn li a' is actually 1px taller that the '#mn'
that's containing it because of the declared height and border-width,
which causes 1px overflow. This 1px overflow pushes h3 down and into the
actual position in all good browsers - and even in IE6 because IE6
auto-expands '#mn'. However, IE7 now respect declared dimensions so well
(!) that it won't let the overflowing 1px take up space even though it
does present it visually. This is a documented IE7 bug, and it causes
the h3 to sit 1px too high in the page.

So, you can fix IE7 by making height on '#mn' 1px taller, and no other 
browser will complain since that's the actual height of '#mn li a' anyway.


regards
Georg
--
http://www.gunlaug.no


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] 1px difference between IE and FireFox

2008-10-13 Thread Taco Fleur 
thanks for the prompt reply.

The cause of this problem is something I've never encountered in my 14 years
of web dev, this is amazing to [EMAIL PROTECTED]

Cheers

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Gunlaug Sørtun
Sent: Monday, 13 October 2008 6:10 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] 1px difference between IE and FireFox

Taco Fleur wrote:
> http://www.onlinemarketingplatform.com.au/ In Internet Explorer there  
> is a 1px difference in the evolution image.

IE6 doesn't like odd numbers so it rounds off 'height: 135px' on h3 to 134px
- making the h3 1px too short.

IE7 handles odd numbers better so it gets the height right, but it places
the h3 itself 1px too high - at least relative to the body-background.

Suggest you cut IE some slack (or bug-space) by making the image 1px shorter
that the h3. Will at least make it appear right in those buggers.

> Furthermore, on that same page there is a "find out how" button to the 
> bottom right, in IE this aligns to the center of the  element,  but 
> in Firefox it does not. I would like it centered.

Add...

p.findOutHow a {margin: 0 auto;}

...to center across browser-land.

regards
Georg
--
http://www.gunlaug.no


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] 1px difference between IE and FireFox

2008-10-13 Thread Design 
You might want to check this with some of the more knowledgeable folks on
this board, but you could put an "if" statement between the head tags.
Something like:

 

 

 

I'm not 100% sure that this will work but you could always give it a try on
a copy of the page to find out.

 

The only thing is that it will give a 1px top margin to all images in the
page that has this embedded.

 

Hope this helps.

 

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Taco Fleur
Sent: Monday, 13 October 2008 5:09 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] 1px difference between IE and FireFox

 

Hello all,

 

I'm hoping someone can shed some light on the following issues which I
cannot seem to resolve

http://www.onlinemarketingplatform.com.au/

In Internet Explorer there is a 1px difference in the evolution image, this
is to the right of the text "Business marketing is evolving", if you compare
this screen with firefox you'll see that in firefox it looks exactly as it
should.

 

Stylesheet for the index page
http://www.onlinemarketingplatform.com.au/_resource/style/specific/index.css

The issue is within the h3 element (there is only one on that page).

 

Furthermore, on that same page there is a "find out how" button to the
bottom right, in IE this aligns to the center of the  element, but in
Firefox it does not. I would like it centered.

 

Thanks in advance.

 

Kind regards, Taco Fleur (CIO/CEO/Founder)

  _  

Find Australian businesses, products and services on
<http://www.clickfind.com.au/> www.clickfind.com.au

Blog: http://australiansearchengine.wordpress.com
<http://australiansearchengine.wordpress.com/> 

 

This email (which includes any attachments) has been sent on behalf of
Commerce Engine Pty Ltd or its Associated Entities (hereinafter called
"clickfind"). The information contained in this communication may be
privileged and confidential.  If you are not the intended recipient, any
use, disclosure or copying of this communication is expressly prohibited.
If you have received this E-mail in error, please delete it immediately.
Clickfind does not warrant or represent that this E-mail (including any
attached files) is free from electronic viruses, faults or defects.
Confidentiality and legal privilege are not waived or lost by reason of
mistaken delivery to you. For more information about use, disclosure and
access see our privacy policy at
http://www.clickfind.com.au/privacy-policy.cfm

 

P please consider the environment before printing this e-mail


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 

No virus found in this incoming message.
Checked by AVG - http://www.avg.com
Version: 8.0.173 / Virus Database: 270.8.0/1720 - Release Date: 11/10/2008
3:59 PM



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] 1px difference between IE and FireFox

2008-10-13 Thread Gunlaug Sørtun 

Taco Fleur wrote:

http://www.onlinemarketingplatform.com.au/ In Internet Explorer there
 is a 1px difference in the evolution image.


IE6 doesn't like odd numbers so it rounds off 'height: 135px' on h3 to
134px - making the h3 1px too short.

IE7 handles odd numbers better so it gets the height right, but it
places the h3 itself 1px too high - at least relative to the
body-background.

Suggest you cut IE some slack (or bug-space) by making the image 1px
shorter that the h3. Will at least make it appear right in those buggers.

Furthermore, on that same page there is a "find out how" button to 
the bottom right, in IE this aligns to the center of the  element,

 but in Firefox it does not. I would like it centered.


Add...

p.findOutHow a {margin: 0 auto;}

...to center across browser-land.

regards
Georg
--
http://www.gunlaug.no


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] 1px difference between IE and FireFox

2008-10-12 Thread Taco Fleur 
Hello all,
 
I'm hoping someone can shed some light on the following issues which I
cannot seem to resolve
http://www.onlinemarketingplatform.com.au/
In Internet Explorer there is a 1px difference in the evolution image, this
is to the right of the text "Business marketing is evolving", if you compare
this screen with firefox you'll see that in firefox it looks exactly as it
should.
 
Stylesheet for the index page
http://www.onlinemarketingplatform.com.au/_resource/style/specific/index.css
The issue is within the h3 element (there is only one on that page).
 
Furthermore, on that same page there is a "find out how" button to the
bottom right, in IE this aligns to the center of the  element, but in
Firefox it does not. I would like it centered.
 
Thanks in advance.
 

Kind regards, Taco Fleur (CIO/CEO/Founder)

  _  

Find Australian businesses, products and services on
 www.clickfind.com.au

Blog: http://australiansearchengine.wordpress.com
 

 

This email (which includes any attachments) has been sent on behalf of
Commerce Engine Pty Ltd or its Associated Entities (hereinafter called
"clickfind"). The information contained in this communication may be
privileged and confidential.  If you are not the intended recipient, any
use, disclosure or copying of this communication is expressly prohibited.
If you have received this E-mail in error, please delete it immediately.
Clickfind does not warrant or represent that this E-mail (including any
attached files) is free from electronic viruses, faults or defects.
Confidentiality and legal privilege are not waived or lost by reason of
mistaken delivery to you. For more information about use, disclosure and
access see our privacy policy at
http://www.clickfind.com.au/privacy-policy.cfm

 

P please consider the environment before printing this e-mail



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***