cozyのひとりごと

追憶と現実の思い入れをおもむくままにつづります
<< December 2017 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>
 
RECENT COMMENT
RECENT TRACKBACK
MOBILE
qrcode
PROFILE
無料ブログ作成サービス JUGEM
 
CSS 二段組のレイアウト
きものまいのwebページのレイアウト
横二段組レイアウトに変更中
CSSを書き換える

/* 左コンテンナ */
#lcon{
width: 200px;
float: left;
}

/* 右コンテナ */
#rcon{
width: 500x;
float: right;
margin-left: 200px;
}

と雑誌の作例とおり書き

左右のコンテナはdivタグでボックス化した
左右のコンテナは左右に並んで表示されるべきなのだけど
左コンテナの下側の右に表示される
何が悪いのでしょうね?
どなたか分かりませんか?
htmlか他のCSSが悪いのでしょうか?

ベータ版だけど誤って書き換えたCSSをアップしてしまった
表示がおかしいですけど
オーダーには支障がございません、よろしくお願いいたします。

+++++++++++++++++++++++++++++++++++++++++++++++++++++

レイアウトができました!
htmlに回り込みを回避する
"br clear= "left"というタグが入っているのを見落としていました。
このタグを削除したら思い通りのレイアウトになりました!(^_^*
本来はCSSを使うと不用なタグです
CSSではclearプロパティを使います、といってもまだよく分からない
htmlをかなり書き直す必要もあり
3日くらいこのレイアウトが出来ず泥沼状態でした。

ご迷惑をおかけしました。
次は左のナビバーのサイズと色の変更です。

+++++++++++++++++++++++++++++++++++++++++++++

この記事も典型的「cozyのひとりごと」
プロのWEBデザイナーからみたら アホ かと思われるでしょうね
でも今日は達成感があります。

Macintosh | 22:28 | comments(0) | - | - | - |
コメント
コメントする









 

(C) 2017 ブログ JUGEM Some Rights Reserved.