スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。
CATEGORY : スポンサー広告 |

今作りたいサイトのレイアウトは非常に簡単。
でも、なかなかスムーズにいかない。

ボックスの中に絶対配置のboxが二つにfloatのboxが三つ。

htmlはすっきりと書いたつもりなんですけど、レイアウトとなるとCSSが汚いのなんのって。。。。

最終的には一つのhtmlで3つのCSSに対応させようと思案しているので
基本的にはhtmlには手を加えずにCSSによるレイアウトをいろいろ試せたらいいな。
COMMENT : 0
TRACKBACK : 0
CATEGORY : 未分類 |

中央表示ってどうするの?

例えば、

htmlで
<body>
<div id=wrapper >

<div id=content1></div>
<div id=contents2></div>

</div>
</body>

レイアウトは置いておいて。とにかくwrapperを中央表示させようしている。
marginやpaddingを使えば簡単なんだけど、それってどんなブラウザでも表示可能?
ということでどんな?ブラウザにも対応できるようなものはと探してみた。

といことでCSSは
body{
width:600px;
padding-left: 50%;

#wrapper{
width: 800px;
height: 750px;
margin-left:-400px;


他の数字は置いておいて、
と設定してみた。値はいろいろ試した結果これくらいがちょうどいいかなって値なんですが、
結果、IE7ではきれいに中央に表示することができた。
これでいいのかな。

マイナスで調整しているんだけど、CSSはデフォルトしていると考えてと

レイアウトの前にとにかく中央表示かなと思って試行錯誤中。
スクールに通っているわけでもなく、師匠がいるわけでもないのでとにかくこれでいいのか分からないが、とにかく間違っているなら勉強してく中で気が付ければいいな。



COMMENT : 0
TRACKBACK : 0
CATEGORY : 未分類 |

floatって難しい

さて、今悩んでいることと言えば、float。
floatなんて簡単じゃん〜と最初から楽勝じゃん〜
と軽く見ていましたが、結構難しい。
何が難しいって。。。。。。。
しばらくどう説明していいか画面の前で固まってしまった。
これって自分でも何が難しかわかってないってことが。。。がっくし。。。
いちから出直しだぁ。
COMMENT : 0
TRACKBACK : 0
CATEGORY : 未分類 |


プロフィール

Author:koko
FC2ブログへようこそ!


カテゴリー


月別アーカイブ



Copyright © 今日からCSS入門 All Rights reserved.
Illustration by ふわふわ。り  Designed by サリイ  |  FC2ブログ