- 締切済み
フレーム構造のページで左右上下の余白を0にしたいのですが、以下の何れの
フレーム構造のページで左右上下の余白を0にしたいのですが、以下の何れの方法でも ほとんど変化がありません。 １．<frame src="green.html" marginwidth="0" marginheight="0"> ２．<body style="margin:0px;padding:0px;"> ３．<style type="text/css"> <!-- body { margin:0px;padding:0px;} --> </style> 確実な方法を教えてください。 宜しくお願い致します。
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- sora1tora2
- ベストアンサー率69% (27/39)
こんにちは 自身が作成したものでは、余白無く見れているのですが？ 多少構造は違うと思いますが、簡単にソース書きます。 ●FramesetのHTML <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html> <head> <title>frameset</title> </head> <frameset cols="200px,*"> <frame src="left.html" name="left" noresize scrolling="no"/> <frame src="right.html" name="right" noresize /> </frameset> <noframe> </noframe> </html> 読み込むHTMLとCSS ●right.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="ja" /> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="content-script-type" content="text/javascript" /> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="auther" content="" /> <link rel="stylesheet" href="css/1.css" type="text/css" media="all" /> </head> <body> <div id="wrap"> main </div> </body> </html> ●style.css *{ margin :0px; padding: 0px; } body{ margin: 0px; padding: 0px; font-family: "Times New Roman",Times,serif; } #wrap{ margin: 0px; padding: 0px; background-color: #000000; color: #ffffff; } おそらく読み込むファイルの設定が問題だと思います。 参考になるかわかりませんが確認ください。
- sora1tora2
- ベストアンサー率69% (27/39)
こんにちは フレーム内の余白をなくすには、読み込むhtmlファイルのCSSに対して *{ margin: 0; padding: 0; } を加えればとりあえず余白はなくなると思います。
お礼
ありがとうございます。 ただ、CSSに指定してみましたが、ほとんど変化が見られませんでした。 何が悪いのかヒントを頂けますか？
お礼
解決しました。ありがとうございます。