divで隣りあわせたいのですが、どうしても出来ません。

[新着] Webテンプレートを仮オープンしました

0   名前： Nico ： 2005/03/14 01:39
こんにちは。どうしてもわからないことがあるので、質問させていただきたいと
思います。

http://abc916.nobody.jp/index00.html

上が、制作したページです。
スタイルシートで、３と４を隣り合うようにしたくて、flortやclearといったところを
いじりまわったのですが、思うようにいきません。どうしても、ずれてしまいます。
でも、ドリームウィーバーでは、ちゃんと隣りあって見えます。

どこが間違ってるのでしょうか？
また、解決するコードというのはどう書けばいいのでしょうか？

よろしくお願いします。
1   名前： arc ： 2005/03/14 01:49
面倒なので確認してませんが…。

div#side-a {
background-color: #00CCFF;
line-height: 100%;
height: 50px;
width: 100px;
padding: 0px;
margin: 0px;
display:inline;
}
div#contents {
background-color: #FFFFFF;
height: 50px;
width: 100%;
padding: 0px;
margin: 0px;
display:inline;
}

これでよいかと。
2   名前： Nico ： 2005/03/14 02:54
ご返答ありがとうございます。
なるほど、確かに隣り合わせになるのですが、この場合だと３と４にあたる
ボックスの高さと幅が消えて、文字の高さと幅そのままのボックスになって
しまいます。なんとかなるでしょうか？
3   名前： むむりく ： 2005/03/14 03:47
width を相対指定に。

div#side-a {
width: 20%;
background-color: #0cf;
line-height: 100%;
height: 50px;
padding: 0px;
margin: 0px;
float: left;
}
div#contents {
background-color: #fff;
height: 50px;
width: 80%;
float: left;
}
4   名前： Nico ： 2005/03/14 23:27
ご返答ありがとうございます。いろいろ試してみたのですが、
ウインドウの幅を超えてしまうと、下に潜ってしまうのが原因のようですね。
参考になりました。
一覧へ戻る