
お世話になります。
CSSで2カラムのレイアウトをしていますが、
mainのところに文字を入れると、firefoxの場合だけ下のmain2のところに文字が入っています。(IEはmainの場所に入る)
左navi 右main
全体main2
いろいろさわってみたところ、文字に改行を入れた場合(mainのところに収まる場合)はmainの位置に入るのですが、
改行を入れない場合は下の段(全体main2)のところに入ってしまうようです。
半角英数の場合はそういうバグだということですが、私の場合は日本語です。
同じCSSで他のサイトを作っていますが、そのような現象はありません。
違いといえばシフトジフではなくutf-8にしていることでしょうか・・
ちなみにfloatで設定しているのですが関係あるのでしょうか?
どうぞよろしくお願い致します。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
【改行なし】<br>
<div style="float:left; border:1px solid #ff0000; text-align:center;">navi:日本語</div>
<div style="border:1px solid #000000; text-align:center;">main:英語</div>
<div style="clear:both; border:1px solid #00ff00; text-align:center;">main2:中国語</div>
<p>
【改行あり】<br>
<div style="float:left; border:1px solid #ff0000; text-align:center;">navi:<br>日本語</div>
<div style="border:1px solid #000000; text-align:center;">main:<br>英語</div>
<div style="clear:both; border:1px solid #00ff00; text-align:center;">main2:<br>中国語</div>
<p>
コメントありがとうございました。
<br>で改行を入れてみましたが、変わりませんでした・・
原因はわからないままですが、mainの中にもうひとつdivをかましてみたら意図通りに表示できたので、とりあえずそれで対応します。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html スクロール要素を下から表...
-
http://gihyo.jp/ の仕組み
-
中身がフロートしかなくてもボ...
-
動く(流れる)文字列はどうや...
-
背景色を一定時間ごとにランダ...
-
MAX関数を使ってからLEFT JOIN...
-
オンマウスで、画像切り替え+...
-
textareaに画像を表示したい
-
javascriptでのパスについて
-
NNでロールオーバーしたgifアニ...
-
c++std::string型をTCHARに変換...
-
nodejsの画像表示は特別なこと...
-
HPB_SCRIPT_ROV_50
-
フォームに入力された値により...
-
OpenCVでサンプルコードを使う...
-
外部スタイルシートをメモ帳で...
-
残像を残しながら別の画像に切...
-
document.getElementById( ).st...
-
変数内容をHTML内で表示する方法
-
javascriptテキストBOX色を元に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スクロール可能なチェックボックス
-
文字をクリックしたら別の文字...
-
【CSS】floatで左右に並べた...
-
スタイルシートで画面を上下に...
-
CSS <div>の入れ子が反映さ...
-
スライダーの枠に動画を収める...
-
Ctrl+F(検索)の窓を出したいの...
-
離れた場所にマウスオーバーで...
-
JQuery UIを使用したドラッグ&...
-
css固定したフッターが本文と重...
-
メニューやヘッダー背景だけを...
-
CSSで背景を下までのばすには?
-
リンクで違うページの指定箇所...
-
動く(流れる)文字列はどうや...
-
サイトにコンテンツを並べる際...
-
1行で左寄せと右寄せと中央揃え...
-
ラジオボタンで段階評価
-
CSSでdivのheightを動的に
-
チェックボックスの背景色って...
-
https://でのレイアウト崩れを...
おすすめ情報