スタイルシートについて。

質問

ホームページ作成中です。
スタイルシートで管理された買い物籠を利用しようとしているのですが、うまく設定できません。
左下に白い空白が出ています。
しかし、どこがこの設定をしているのかがさっぱりです。
どこにバッググランドカラー設定をしたらよくなりますか?
CSSファイルが必要だったら言ってください。補足に貼り付けます。

回答No.2

nttdokomo · ベストアンサー

<DIV id=outer>

style.css

#outer {
BORDER-RIGHT: white 0px solid; BORDER-TOP: white 0px solid; BORDER-LEFT: #505050 192px solid; WIDTH: auto; BORDER-BOTTOM: white 0px solid
}

BORDER-LEFT: #ffffff 192px solid;

[#ffffff]が白い空白です。

お礼

ありがとうございました。
ばっちり修正できました。

回答No.1

noname#20378

予め言っておきますが、回答ではありません。

CSSを見る前にHTMLのソースを読んでみました。
綺麗とは言えないまでもそれぞれの構成が全体的に読みやすく整理しやすかったです。

元ソースを見ると(コメントはhimajinによるもの)

<div id="pagewidth" >　<!-- ←ページ全体。不要。 -->
<img src="cgi-bin/img.cgi?file=title" alt="The KAYAKUYA">　<!--h1要素としてくくると良し-->
<br /><br /> <!--CSSへの移行で不要-->
<div id="outer" ><!-- ←用途不明1-->
<div id="inner"><!-- ←用途不明2-->
<div id="leftcol" > <!--左柱 -->
<div class="content"> <!-- ←左柱の中身 leftcolと分ける意味が不明-->
<!--中略-->
</div>
</div>
<div class="maincol"> <!--←メイン本文-->
<div class="content"> <!--←中身-->
<div class="main"> <!--←メインの中身(上記との違いは不明)-->
<!-- <p>は不要-->
<table>
<tr>
　　　　<td> <!--himajinが補った-->

<!--
<form action="">
<!--重複していて少し汚い。formをtableの外に出したりするとぐっとよくなるかも。多分出来たと思うから-->
<input type="hidden" name="type" value="buy">
<input type="hidden" name="cartin" value="00005000128">
<input type="hidden" name="cartnum" value="1">

</form>
</td> <!--himajinが補った-->
<!--省略-->

</tr>
</table>

<!-- </p>は不要-->

<!-- <li class="pnavi_title">PAGE：</li> は外に見出しとして持ってきたほうが良い-->

<ul id="pagenavi">

<li class="pnavi_nolink">1</li>
<li class="pnavi_link"><a href="index.cgi?type=list&name=&num=20&sort=&cateno=00005">2</a></li>
<li class="pnavi_link"><a href ="index.cgi?type=list&name=&num=40&sort=&cateno=00005">3</a></li>
<!--略-->
<li class="pnavi_next"><a href="index.cgi?type=list&name=&cateno=00005&num=20&sort="><img src="template/simple/accent/shop_parts_next.png" alt="次の20件"></a></li>
</ul>
</div>
</div>
</div>
</div> <!-- class="inner"を閉じる-->
</div> <!-- class="outer"を閉じる-->

<!--フッタその他-->

となっていました。CSSについては後ほど。