※ ChatGPTを利用し、要約された質問です（原文：HPの形態が崩れてしまうのですが）
HPの形態が崩れる！？画像の問題で困っています
このQ&Aのポイント
HPの形態が崩れてしまう問題について、対処方法を教えてください。
画像がインラインフレームの幅と同じサイズに改行され、HPの形態が崩れる現象に困っています。
型崩れせずにきれいに画像を表示する方法を教えてください。また、フレームわけをせずにページ内ジャンプの形をとりたいです。
HPの形態がくずれてしまいます。
困り度：
すぐに回答を！ 現在ホームページ製作をしています。
新しい操作を行うたびに、画像の位置がおかしくなってしまうことで質問なのですが、よろしいでしょうか？
現在ひとつのページにコンテンツにあたる画像を置いています。
そこに、インラインフレームをつけようと挿入すると
画像がインラインフレームの幅と同じサイズに改行され、
くずれてしまいます。
どうしたら型崩れせずにきれいにみせることができるのでしょうか？ちなみに画像が切れてしまうのはいやなので、フレームわけはしないでページ内ジャンプという形をとろうとおもっています。
ーーーーーータグはこちらですーーーーーーー
<!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>COLOR』</title>
<link href="file:///E|/site/base.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {
color: #333333;
font-weight: bold;
}
-->
</style>
</head>
<body>
<p>
<div id="content">
<p><span class="style1"> <br />
＼今年のテーマは『COLOR』！／</span><br />
<img src="contents_about.png" alt="about" width="170" height="86" /><br />
<img src="contents_schedule.png" alt="schedule" width="243" height="86" />
<iframe src="main.html" name="uri" width="800" height="600" scrolling="Auto" frameborder="0" id="uri" style="border:none;filter:Alpha(opacity=50);"></iframe>
<br />
<img src="contents_event.png" alt="event" width="170" height="86" /><br />
<img src="contents_blog.png" alt="blog" width="170" height="86" /><br />
<img src="contents_access.png" alt="access" width="201" height="86" /><br />
<img src="contents_link.png" alt="link" width="170" height="86" /><br />
<img src="contents_mail.png" alt="mail" width="170" height="86" /><br />
<img src="contents_top.png" alt="top" width="170" height="86" /></p>
</div>
</p>
</body>
</html>
