i reduced "zurb foundation" problem following minimum of code. when open website code in safari, not images load. none, 1 or two. in moment resize browser window, lost images appear.
<!doctype html> <head> <style type="text/css"> p { float: left; } img { box-sizing: border-box; max-width: 100%; border: solid; } </style> </head> <body> <p><img src='1.jpg'></p> <p><img src='2.jpg'></p> <p><img src='3.jpg'></p> </body> </html> maybe it's rendering/speed problem of safari , combination of box-sizing, float, border , max-width. when try locally in file system, there seems no problem (fast). on 2 different web servers, images appear different certain.
'normal' server: http://test5.topiclodge.com
slow server: http://wiki.norm-konform.de/test/
i testet on 3 macs (safari versions 6.0.3 , 6.0.5)
maybe there workaround or idea?
thanks lot!
webkit browsers don't images without width , height attributes added them. add width , height images , try again.
Comments
Post a Comment