im having trouble with my css displaying correctly in both Chrome and Safari.
Because they are both webkit browsers i cant understand why.
My css positioning and div size displays perfectly in both FireFox and Safari but is all out of wak in chrome.
I have tried css reset but nothing seems to be working. Any ideas?
The website is here
www.girlsskateaustralia.com
Related
Why resize CSS property not working for <textarea> on the Safari iPad? On desktop browsers, it's working fine. I have searched every forum for an answer but nothing worked. Please help.
How can I make paper-button render at its full size all at once in Safari and Firefox? Renders well in Chrome, but in the other two browsers it renders without proper padding and then "clicks" into it's proper display.
Thanks
http://107.170.93.84/
I have built an intro animation using jquery. This looks fine on my machine in all browsers (ff, chrome and safari).
On the clients however, it does not!
Clients screen shot:
http://madmantis.co.uk/debug/screen-shot-client.png
My screen shot:
http://madmantis.co.uk/debug/screen-shot-vs.png
I just cant figure out what is going on here....perhaps something to do with line wrapping in css?
I am on safari 6, he is on safari 5. He reports the same problem in chrome, again I dont see the error.
The website is available at http://dev.system2.co.uk
Thanks for any help
It seems like there has been some changes in the default font rendering method in Safari 6. Here's a little CSS that might work for you:
html {-webkit-font-smoothing: antialiased}
Taken from this topic: Font render safari 6
I'm creating 3D flip cards with CSS3.
In Google Chrome it does exactly what it should do, but Safari seems to have some problems with the z-index.
Safari behavior (wrong): http://i.stack.imgur.com/z4O9N.png
Chrome behavior (correct): http://i.stack.imgur.com/EX2Jw.png
Example demo: http://jsfiddle.net/Widmore/XJFAy/7/
Anyone familiar with this issue?
Thanks!
On this website http://rwl.rwlwater.com/ the news scroller at the bottom, after the 3 blurbs ..is not working fine in Internet explorer 7. The controller buttons are not moving if I edit the number of posts.. It's working fine in IE9, chrome, firefox, safari, etc, the issue is just with internet explorer 7.
I tried a few things, but couldn't solve it myself.
Any help would be greatly appreciated!
Add the CSS property 'zoom: 1' to the #controllers2 button or #blog2
This sets the IE property hasLayout to true and allows it to be positioned using absolute positioning.
It's a classic IE bug.