忍者ブログ
14 September

片方可変のfloat 例えばサムネイルとタイトルの横並び

サムネ{
float:left;
width:80px;
z-index:1000;
position:relative;

}

タイトル{
float:right;
width:100%;
margin-left:-100px;
}

タイトルの中のspan{
margin-left:100px;
}


z-index:1000;
position:relative;
もし画像のみにリンクを貼りたいときは、z-index:1000; で上位にする。
そうしないとテキスト側の width:100%; が上に乗っかってしまってクリックできなくなる

z-indexは position:static; 以外のpositionを付けないとダメだが、クロームはなくても判断シて動作してくれた。
IEは動かねえ。まじつかえねー。いつまでhtml strict気取るつもりなの?
css3でjqueryのような動きや、簡単な画像加工ならもうできちゃう時代なのに、IEが対応しないせいで全然使えない。
技術は進歩してるのにこのくそブラウザがまったく柔軟性がなく対応しないからほんと進化しねえ。

前よりかはよくはなったIEのデベロッパーツールだが、圧倒的にクロームとfirefoxには及ばずつかえねー。
IEでのみおかしくなることが多いから、IEで検証したいのにIEのデベロッパーツールが使い物になんねーから治すのに時間がかかる。まじうぜーしねしねしね





PR