On 8/07/2009, at 7:44 AM, Tri-State AdVantage wrote:

> I cannot get this page to read correctly in Firefox.
> http://www.hcam.net/posts.html
> I got it to work correctly in Explorer by putting a wide border on  
> the right
> hand side of the photo so that the discription is pushed below the  
> photo.

You mention a wide 'border' but what I see is a 750px right hand  
'margin' on the image. This is apparent in IE8/7/6. Perhaps you could  
describe the effect that you want to achieve or show us a screenshot  
of the design?

I'm always suspicious any time someone says that it works in IE but  
not in Firefox. Firefox (and every other major non-IE browser) has  
superior CSS rendering capabilities so if it doesn't work in Firefox  
there's a good chance that you are doing something wrong.

I would recommend always making your site work in the non-IE browser  
of your choice and *then* do what is required to make IE get in line.  
Firefox has some great developer tools like firebug etc. so that is my  
choice but you could equally use the latest versions of Opera, Chrome  
or Safari. In most cases you will find that if you do things right  
your site will render correctly and similarly in all these browsers  
and you won't have to change anything.

Use conditional comments to isolate the rules required to get the  
various flavours of IE into line. IE8 is actually quite good as far as  
CSS 2 is concerned so as long as you are not triggering it into  
'compatibility mode' you generally shouldn't need to hack for IE8  
either.



______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to