- This topic is empty.
-
AuthorPosts
-
May 24, 2011 at 4:19 pm #32866tobiasMember
Hi all!
I’m facing problems with the rendering of Top Padding – Differences:
A normal
Headline
is rendered with different top-padding in Safari/Chrome than in Firefox/Opera.
I did a CSS-reset: * { margin: 0; padding: 0; }
Click on the links for the screenshots (hope it works).
In my opinion Safari and Chrome are rendering it correctly.
Someone an idea?!
Thanks,
TobiasMay 24, 2011 at 4:57 pm #75447TheDocMemberCould just be how the font is being rendered by different engines.
Do you have a link to the site?
May 24, 2011 at 9:18 pm #75400groveskMemberCan we see the CSS you have for the H1?
It might be the line-height for the H1? I’ve found this to be the key when fixing this kind of problem, (although I’m usually focused on differences between Chrome/FF and IE).
For example, in my global style sheet, I’d have:
h1 {
font-size: 20px;
line-height: 3px;
}
And in my IE-only style sheet, I’d have this:
h1 {
font-size: 20px;
line-height: normal;
}May 25, 2011 at 12:09 pm #75312tobiasMemberThanx TheDoc. It was the font. After choosing another one Firefox behaves similar as Chrome and Safari.
Strange, but good to know. The effect screwed up my whole design…
May 25, 2011 at 12:32 pm #75314TheDocMemberUnfortunately just a problem we have to deal with these days.
I no longer strive for pixel perfection across all browsers – there are going to be minor differences between them no matter how hard you try, just have to accept that fact! The sooner you do, the easier it becomes.
May 26, 2011 at 7:40 am #75261hirenkhambhaytaMemberHave you declared the universal selector * to margin:0 and padding:0 ?
May 26, 2011 at 11:02 am #75255QbitMemberYes he did. Take a look at the first post.
@TheDoc:
Unfortunately pixel perfection is something that a lot of customers still demand. I know, that we have the responsebility to teach them why this is a bad idea. But we still have to deal with pixel perfection.May 26, 2011 at 11:53 am #75250TheDocMember@Qbit – I would expect any client to demand perfection, if they don’t their business surely won’t last very long!
I have very specific deliverables in my contract that say pixel perfection will not be achieved across all browsers. Browser rendering of font, for example, is completely out of every single developers control. Do I strive to be as close as possible? For sure! I want to be proud of my work. But if I’m going to use progressive techniques (say, CSS3), I simply explain to the client that it might not look the exact same in earlier versions of IE.
In my experience, as long as I explain the technical limitations of aged browsers, clients seem to be willing to agree.
May 26, 2011 at 11:45 pm #75204mshort1985Memberall of my clients so far have been pretty understanding in this regard, I just explain to them that certain things (like font) are out of my control, and that if using CSS3 it may not render exactly the same in earlier browsers. But yes I do strive to get things to work as close as possible.
May 27, 2011 at 4:12 am #75200QbitMemberLucky you! I often work in and for bigger comanies, which makes it harder for me. But I don’t wanted to start a religious fight, the internet is full of that. ;)
May 27, 2011 at 12:51 pm #75168TheDocMember@Qbit – I don’t really think it’s about luck. What I described above was my freelancing, the company that I work for full time deals with a lot of municipalities and they are much harder to convince. It’s definitely harder when dealing with larger businesses/corporations, but I think in the end if they know they’ll be getting a better product, it all comes into place in their mind.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.