htmlソースメモ

  【Chromeではiframeで表示するページをfragmentから表示すると親ページが先頭から表示せずにiframeの所から表示してしまう問題】 の続き。 2021/5/13 11:00頃 Chromeのバグを再現するソース test3.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Chromeのiframeのバグ？</title> </head> <body> <div style="height:200px;"> バナー、ヘッダなど。 </div> <div style="height:250px;"> <h4>↓↓↓iframe↓↓↓</h4> <iframe src="test00.html #y500 " id="test00" title="test00"></iframe> </div> <div style="height:1000px;"> <a href="test3.html">このページへのリンク</a> </div> </body> </html>  test00.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>iframe内</title> </head> <body> <p style="height:500px;">iframe内</p> <p style="height:500px;" ...

  【プルダウンメニューをiframeの中に入れる試行錯誤 その２】 の続き。 2021/5/8  16:30頃 基本形   <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>テスト</title> <style> <!-- *{font-size:16px;box-sizing:border-box;} body{width:821px;margin:10px;} .block_menu{height:50px;background-color:red;} .menu{width:100%;border:none;height:50px;border:10px solid pink;} .container{height:300px;background-color:white;} .contents{height:100%;border:2px solid green;} .footer{height:40px;background-color:black;} --> </style> </head> <body> <div class="block_menu"> <iframe src="menu.html" class="menu" title="メニュー"></iframe> </div> <div class="container"> <div class="contents"> <span class="text01"><a href="">１１１１</...