助太刀忍者(質問掲示板)

助太刀忍者

No.25983    メールフォームの外枠が下に伸びる
過去ログを拝見させていただいたのですが、解決できなかったので質問させていただきます
デフォルトのプレーンスキンのパーツを textareaだけにしてコピー&ペーストしてメルフォ設置したのですが枠が異様に下に伸びてしまいます
http://4433.at-ninja.jp/sample.html
やはり当方のスタイルシートやHTMLのミスのせいでしょうか
使用環境
  • OS:Microsoft Windows XP
  • ブラウザ:Microsoft Internet Explorer 6.x
  • モニター:1024×768
  • JavaScript:ON
  • Cookie:ON
  • 回線種別:
  • ソフトウェア:
試した操作手順
@charset "shift_jis";

/*ページ全体の設定*/
body{
font-size: 80%;
font-family: Verdana,Osaka, sans-serif;
color:#444;
line-height: 150%;
padding:0;
margin: 0;
text-align: center;
background-color:#fefefe;
}

html{
scrollbar-arrow-color:#444;
scrollbar-base-color:#fff;
scrollbar-face-color:#fff;
scrollbar-track-color:#444;
scrollbar-3dlight-color:#444;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-darkshadow-color:#444;
}

/*リンクの文字色、装飾設定*/
a:link{
color:#444;
text-decoration:none;
}

a:hover{
color:#000;
text-decoration: none;
}

a:visited{
color:#aaa;
text-decoration: none;
}

/*見出し文字*/
h1{
font-size: 140%;
clear: both;
padding: 5px;
border-bottom: 1px solid #444;
border-left: 5px solid #444;
text-align: left;
}

/*全体*/
.main{
width: 100%;
height: 1500px;
}

/*サイトタイトル*/
#title{
width: 100%;
height:auto;
clear: both;
margin-top: 25%;
}

#titlefont{
padding:0 0 0 10px;
font-size: 250%;
font-weight: bold;
text-align: left;
float: left;
line-height: normal;
}

/*メニュー*/
#menu{
width:auto;
height: auto;
text-align: left;
font-size: 120%;
font-weight: bold;
list-style-type: none;
}

#menu,#menu li,#menu li a{
margin:0;
padding: 8px 10px 0 10px;
}

#menu li{
display: inline;
height: 20px;
}

#menu li a{
text-decoration:none;
color: #444;
}

#menu li a:visited{
text-decoration:none;
color: #aaa;
}

#menu li a:hover{
background-color:#888;
color: #fff;
}

/*フッター*/
#footer{
width: auto;
height: auto;
clear: both;
text-align: left;
margin-left: 10px;
font-size: 70%;
}

/*ページトップへ戻るリンクのレイアウト*/
.gotop{
width: 100%;
height: auto;
clear: both;
text-align: right;
margin-top: 20px;
font-size: 80%;
}

/*テキスト*/
.text{
width: 50%;
margin: 10px;
text-align: left;
float: left;
}

/*ギャラリーページとリンクページ共通の設定*/
.text ul{
padding: 0;
margin: 0;
float: left;
list-style-type: none;
list-style-position: inside;
}

/*ギャラリーコンテンツ*/
.photo{
width: 50px;
height: 50px;
padding: 0;
margin: 0 5px 5px 0;
border: 1px solid #444;
float: left;
}

.pict{
width: 30px;
height: 30px;
margin: 0 5px 5px 0;
border: 1px solid #444;
float: left;
}

/*リンクコンテンツ*/
.bn{
width: 200px;
height: 40px;
margin: 0 5px 5px 0;
border: 1px solid #444;
float: left;
}

.mbn{
width: 88px;
height: 31px;
margin: 0 5px 5px 0;
border: 1px solid #444;
float: left;
}
投稿者:No Name Ninja 投稿時間:2008-10-21 01:44:36
すみません徹夜覚悟でいじったら自己解決しました・・・
どうやら
/*全体*/
.main{
width: 100%;
height: 1500px;
}

のheight: 1500px;がいけなかったようです
height: 100%;
と直すとプレビュー画面と同じ大きさになりました
おさわがせいたしました
2008-10-21 02:56:03 追記

この質問は解決済みです