MB-Support

パソコン初心者のサポートページ

 カテゴリ:
 

MB-Support's Diary

〜 2009年3月21日() 〜 日別表示



2.スタイルシート:横2段表示

2.スタイルシート:横2段表示

前回の続きです。Float(フロート)でleft、rightを指定して、サンプルの文章を横2段表示してみました。図解にすると少し異なってしまうのですが、外枠のDIVの横幅を100%にして、その中の二つのDIVを30%+70%=100%にして、Floatでleftとrightに回り込ませています。 [タグを表示する]



カテゴリ : ホームページの作り方 / スタイルシート CSS

コメント : 1 件 - 投稿、または、参照する / Guid


3.スタイルシート:横2段表示

3.スタイルシート:横2段表示

前回の続きです。Float(フロート)でleft、rightを指定して、サンプルの文章を横2段表示してみました。今度は、どちらかのDIVの幅を固定したいと考えます。例えば、横幅100%を維持しつつ、メニューが表示されるDIVは横幅160pxを維持して、ブラウザサイズを変更した時にコンテンツのDIVだけ広げたり縮めたりできれば便利です。 [タグを表示する]



カテゴリ : ホームページの作り方 / スタイルシート CSS

コメント : 1 件 - 投稿、または、参照する / Guid