November 1st, 2012LWMW: Problem with scroll bar in a Modal Window
Knowledge Base support case for Likno Web Modal Windows Builder, abstracted and stripped of all user’s private info.
Initial Email From: User
Initial Email Subject: Scroll bars
Support Case Month: October 2012
Hi Kostas, do you remember me, you helped me set up modal windows.I have a question, I just upgraded my pc to Windows 8 and when I click to open the windows that show up with scroll bars on right and button, it does not do that in W7, is there or will there be a fix for this?Thank you again,Raffi
Related URL: http://www.turcobrosjewelers.com/v-1.0/pages/jewelry-categories/engagement-rings/engagement-rings-pg-001.html
Reply From: Likno Customer Support
Hello,
The behavior of your modal is very weird. When I try it locally or on our own server, there is no scrollbar! But when I view it in your site, I do see a toolbar.
Can you please try setting the scrollbar to be always hidden? This should fix the problem.
Please add “overflow: hidden;” in the body main CSS to see if this corrects things.
Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Reply From: Likno Customer Support
I also noticed that you have a separate page for each image and that these pages do not have a valid DOCTYPE.
This could also be affecting IE as it required a valid DOCTYPE to function properly.
To test this, please go to one of your pages, e.g.:
http://www.turcobrosjewelers.com/v-1.0/windows/engagement-rings/page-01/image-004.html
and try changing this:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
Into this:
<!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=iso-8859-1">
Check now if loading this specific ring-page has a scrollbar like the rest.
Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Tags: body, CSS, doctype, IE, jquery, modal, modal window, overflow, scroll, scroll bar, scrollbar, toolbar, website, window, windows 8