Safari Invisible Scrollbar Templates

I am working on a site that uses not only frames, but also frames inside frames (ew, I know, but I canโ€™t choose). It usually works fine most of the time, but I run into a problem with some frames inside frames in Safari (only).

Some of the two deep frames are displayed in Safari with a small space on the right side of the frame - I think that these are only those who have the scroll set to โ€œno,โ€ but messing with the scroll settings has not fixed it yet. Basically, it looks like there should be a scrollbar, but it isnโ€™t.

I worked on this time and tried many things: changing the heights of the lines, changing the scroll options, adding a tag colls='100%', changing the heights of the contents of the frames, and also to make sure that the width is set to 100%. Nothing has been fixed yet.

Does anyone know what is going on here?

Here is the main meaning of the code and some screenshots - please forgive the lack of correct quotes; he still does and fixes them all in this code base, it will be a lost battle:

<html>
    <frameset id=fset frameborder=0 border=0 framespacing=0 onbeforeunload="onAppClosing()"  onload="onAppInit()" rows="125px,*,0">
        <frame src="navFrame.html" name=ControlPanel marginwidth=0 marginheight=0 frameborder=0 scrolling=no noresize>
        <frame src="contentFrame.html" name=C marginwidth=0 marginheight=0 frameborder=0 scrolling=no>
        <frame src="invisiFrame.html" name=PING marginwidth=0 marginheight=0 frameborder=0 noresize>
        <noframes><body>Tough luck.</center></body></noframes>
    </frameset></html>

Inside this second frame (with the name "C" and with src "contentFrame"):

 <HTML>
    <HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"></head>
    <frameset rows="48px,*,28px" border=0 frameborder=0 framespacing=0>
       <frame src="pageTitle.html" name=Title marginwidth=0 marginheight=0 noresize scrolling=no frameborder=0>
       <frame src="content.html" name=ScreenBody marginwidth=0 marginheight=0 frameborder=0>
       <frame src="submitBar.html" name=ContextPanel marginwidth=0 marginheight=0 frameborder=0 scrolling=no noresize>
    </FRAMESET>
 </HTML>

, , ( "" src "pageTitle.html" ), ( "ContextPanel" src "submitBar.html" ) , 100%, - 100%, .

:

image showing site in Firefox and Safari, with sections labeled

+3
2

, , Safari , . overflow: hidden CSS body /, . , Safari ( scroll="no" ) , , .

+2

, , html scroll = "no"

<body scroll="no"> 

.

+2

Source: https://habr.com/ru/post/1699582/


All Articles