複数のjsやjQueryを使ってサイトを作ったのですが、右側の黒背景が途中で切れてしまう不具合が出てしまいました。
バッティングしている可能性が高いので、これらの複数のjsやjQueryをまとめたいのですが、どのように書き換えれば良いのか分からないので教えていただきたいです。
宜しくお願い致します。
スレ主です。テストサイトを載せます。
まずheightLine.jsとか使用していないjsを外すところから行った方がよいと思いますが・・
webに詳しい知人のアドバイスで、ブロックレベル要素の高さを合わせるのに入れたのですが、外して試してみます。
webに詳しい知人www.
は?
うわぁ
根本的にWebの勉強が足りないんじゃないでしょうか?
heightLine.jsを使ってる意味がわからないです
高さを揃えた方がいいということで入れたのですが外してみます。
なんか泥沼にはまりそうな考え方だね。jsの競合はないし、まとめたところで何も変わらないよ。
やりたいこは左に白背景、右に黒背景でコンテンツに合わせて伸ばしたいってことだよね?divはブロックレベル要素だからjsなんて使わないでも勝手に高さが変わる。1.左に50%の白背景、右に50%の黒背景ができるレイアウトを作る。2.コンテンツを表示するdivをposition:relativeで中央に配置する。
これで高さを揃えられる。あとは必要な画像などを2の中に入れれば完成。
web制作の経験がまだ浅いもので、複雑に考え過ぎていました。。。
今回はdivのiviewの高さを指定してあげたら無事に解消されました。
お騒がせして大変申し訳ありません。
みんなの回答 3 件
スレ主です。テストサイトを載せます。
テストページです
http://marimekko2525.web.fc2.com/heightLine.jsを使ってる意味がわからないです
なんか泥沼にはまりそうな考え方だね。
jsの競合はないし、まとめたところで何も変わらないよ。
やりたいこは左に白背景、右に黒背景でコンテンツに合わせて伸ばしたいってことだよね?
divはブロックレベル要素だからjsなんて使わないでも勝手に高さが変わる。
1.左に50%の白背景、右に50%の黒背景ができるレイアウトを作る。
2.コンテンツを表示するdivをposition:relativeで中央に配置する。
これで高さを揃えられる。
あとは必要な画像などを2の中に入れれば完成。
関連するトピックス