|
|
Post by Vohaul on Mar 25, 2013 17:52:48 GMT
hey Gordon,
I'm having some issues with the site (www.jjcraftparties.com/index4.html)
my text and or pictures and a few buttons..seem to move around.....depending on what browser / computer im using...
for example on my site above...the play and pause buttons on the gallery page are in perfect placement at home but if i try it on other machines...or a different browser...the buttons have moved....
same goes for, blue text on the main home page, the "splat" behind the home button (sometimes its lined up, other times it isnt..)
lol, same goes for that damned calendar....some machines looks great...others cut it off halfway....
makes it tough to proof:)
im just wondering if its me..as if it was a general resize issue, wouldnt everything be off?
Thanks
Paul
|
|
|
|
Post by Hippani on Mar 26, 2013 9:07:55 GMT
Do you are the right doctype on your calender?
Could you e-mail us some browser screenshots and browser versions showing the discrepancies?
|
|
|
|
Post by Hippani on Mar 26, 2013 15:24:12 GMT
OK, we've fixed the bug with things moving around. It was a webkit bug in chrome and safari, we found a workaround. Download the update.
|
|
|
|
Post by Vohaul on Mar 26, 2013 15:28:53 GMT
sweet...so just update and reoutput...
and doctype on the calender?
|
|
|
|
Post by Hippani on Mar 26, 2013 15:54:13 GMT
What is the url of the calendar? and what browser is it not working on?
|
|
|
|
Post by Vohaul on Mar 26, 2013 16:57:31 GMT
well, it doesnt really resize well on any browser...but on chrome and ie it seems to cut off half way..... i tried adding scrollbars to the webobject...they show up in fire fox...but nowhere else...not even on my ipad... the url is www.jjcraftparties.com/cal.htmlthanks Paul (i removed width and height 100 percent as it didnt seem to make a lot of difference...the settings on cal.html currently are just where i finished off testing ideas last night...so feel free to suggest anything... if none of this works , ill be forced to just leave a link to the calender on the hippo site...rather than have it fit seamlessly in with it..) |
|
|
|
Post by Hippani on Mar 26, 2013 20:05:02 GMT
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Calendar</title> <style type="text/css"> body,html { margin:0;height:100%; } </style> </head> <body> <table border="0" cellspacing="0" cellpadding="0" style="width:100%;height:100%"> <tr> <td align="center" valign="top" style="width:100%;height:100%;"><iframe src="https://www.google.com/calendar/embed?showTitle=0&showNav=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&height=400&wkst=1&bgcolor=%23ff0000&src=calendar%40jjcraftparties.com&color=%23853104&src=en.canadian%23holiday%40group.v.calendar.google.com&color=%23A32929&src=%23contacts%40group.v.calendar.google.com&color=%23A32929&ctz=America%2FEdmonton" style=" border-width:0;width:100%;height:100%;" frameborder="0" scrolling="yes"></iframe></td> </tr> </table> </body> </html> |
|
|
|
Post by Vohaul on Mar 26, 2013 20:10:37 GMT
lol...so pretty much paste the above into my Cal.html.....lol...you guys make it so easy:)...
ill try this and post the results...Thanks again for your continued support..... the above
|
|
|
|
Post by Vohaul on Mar 27, 2013 4:25:58 GMT
So...after that.... It works a lot better ... Still seems to cut off halfway on chrome but at least the scroll bars work.... Firefox is flawless But check out the iPad.... Lol. s  Thanks though.... It's at least workable now |
|
|
|
Post by Hippani on Mar 27, 2013 8:52:49 GMT
you may need to look up iframes on ipads to work that one out.
|
|
|
|
Post by Hippani on Mar 27, 2013 9:30:45 GMT
Have you tried setting overflow:hidden; on the style of the <td> tag? or overflow:scroll;
|
|
|
|
Post by Vohaul on Mar 27, 2013 17:22:08 GMT
Have you tried setting overflow:hidden; on the style of the <td> tag? or overflow:scroll; On the ipad issue.... Interestingly enough, the other site i did last year , www.carselandminorsports.com of which the content is primarily iframe based, including the calendar, works fine on both iphone and ipad.... which leads me to believe that the problem lies either with the original issue of not being able, for whatever reason, to load the google code directly in the webobject, (as the original issue) or with the webobject itself....as the webobject in hippo is essentially the same as an iframe in html, as far as i understand it |
|
|
|
Post by Hippani on Mar 28, 2013 8:57:18 GMT
The code in your other site is quite different, the script for adding the calendar doesn't seem to be the same. have you tried the overflow style? The web page object in Hippo is just an iframe, there's nothing complicated about it.
|
|
|
|
Post by Vohaul on Mar 28, 2013 15:08:37 GMT
i was actually reading about iframews on ipads and tghe like...apparently scrolling an iframe isnt by default allowed in the latest os....which forces the iframe contents to be completely visible vertically, even if it goes over content voutside the web object / iframe....only on ipads and iphones....
they have some workarounds.....by modifying the div container, which i guess in this case would be the web object....
oh well, ill play with it a bit this weekend, including the overflow stuff etc. and see where i end up...
thanks though......
|
|
|
|
Post by Hippani on Mar 28, 2013 16:29:50 GMT
Have you got a link for that? The iframe is in your cal page so you should be able to alter it yourself.
|
|
