タグ

cssとfloatに関するext3のブックマーク (4)

  • スタイルシートによる崩れない 2カラム 3カラム・レイアウト

    このウェブサイトは販売用です! desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています!

    ext3
    ext3 2012/08/27
    画面縮めるとnaviが下に回り込むようにしたいが/"floatにはその他にも沢山(確認しきれない程)のマイナーなバグがあります"
  • floatの解除(空要素・clearfix・overflow)と段組

    フレームの構造自体をいじるとclearする要素がないというケースにでくわします。 Seesaaのカスタマイズでは、ヘッダーやフッターをさらに分割する場合がこれにあたります。 下の左の例は、3列の行と1列の行が交互にならんでいますので、1列の行でclearできます。 右の例の場合は、floatで段組しないといけないので、clearすることができません。 つまり、複数列の行が続く場合は、floatを解除する要素が必要になります。 解除する方法は、3つあります。 1)Aに何らかの(空)要素を置き、clearを定義。 2)clearfix 3)overflow 1)は、空要素を使ったclearと言われる古典的な方法です。レイアウト上影響の少ない要素を置いて、その要素にclearを定義する方法です。 要素としては、一般的に、div、brなどが使われるようです。検索するといろいろ情報がでてきます。 下

    floatの解除(空要素・clearfix・overflow)と段組
    ext3
    ext3 2012/07/04
  • 【HTML5実践】 骨組み 【vol.1】 - FHWブログ | ホームページ制作会社FHW

    WEB制作・ホームページ制作会社【東京・渋谷】フライング・ハイ・ワークスがお届けするWEBメディアです。FHWのスタッフが知りえた技術や情報をホームページ制作やWebマーケティングの視点からの記事や、弊社のスタッフの日常が垣間見れる記事などを配信しています。

    【HTML5実践】 骨組み 【vol.1】 - FHWブログ | ホームページ制作会社FHW
  • 【css】floatを指定するとはみ出します

    ブロック要素をfioatで横並びにした際に、画像とテキストが全体を囲っている要素(親要素)からはみ出すことが多々あります。 その度に高さを指定して回避しているのですが、こちらはその他に回避の方法というのはあるのでしょうか? それとも、自分の記述がおかしいのでしょうか? 例えば下記の例です。 こちらは左に画像、右にタイトルとコメントが入ります。 <div class="aaa"> <div class="left"><img src="photo.jpg" width="180" height="120"></div> <div class="right"> <h3 class="title">タイトルです</h3> <div class="comment">コメントです</div> </div> </div> //////////////////////////////////// .aa

    【css】floatを指定するとはみ出します
    ext3
    ext3 2011/05/23
    画像の後にdiv {clear:left;}のdiv要素を入れて回り込みを解除か
  • 1