タグ

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
  • 東京のWeb制作会社・ホームページ制作会社 | フライング・ハイ・ワークス

    「フライング・ハイ・ワークス」はWeb制作・ホームページ制作会社【東京都 渋谷区】です。企業サイトやスマホサイト、ポータルサイトなど様々なホームページの制作、デザイン制作を行っており、「売上」に繋がる質の高いサービス提供を心がけています。

    東京のWeb制作会社・ホームページ制作会社 | フライング・ハイ・ワークス
  • 【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