忍者ブログ
ボクは婚活とやらを頑張りません(笑)
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

何度確認しても、タグは正しい。
間違っているところは無い。
絶対無い。

それなのに・・・・・

後続の文章が、入ってきてはいけないところに
侵入してきて段組みがズレるぅ~(;_;)

簡略して記述すると

<div class="hyou01">
<div class="image00">さくらの画像</div>
<div class="image001">うめの画像</div>
<div class="image00"></div>
<div class="kaijyo"></div>
<div class="name01">さくら</div>
<div class="name01">うめ</div>
<div class="name01"></div>
<div class="kaijyo"></div>
</div>
<div class="hyou01">次の画像はほにゃららのほにゃで・・・</div>

こんな感じに書いてる途中でプレビューしたらズレてたの(;_;)
「次の画像は」って文章がどうしても「うめ」の下の空欄に
入ってきてしまって、以下の記述が全部ズレちゃうの。

何回もタグの抜けがないか確認したよ。
でも間違いは見つからなくて・・・。

1時間のロスをして気付いたよ。
「うめ」の下の<div class="name01"></div>ってコレ。
あとから真ん中に「もも」って付け足すつもりだったんだけど、
ここ何にも入れてなかったから、入ってきたんだよ。
<div class="name01">&nbsp;</div>
これが正しい記述だったってわけだ^^;

&nbsp;  ← コイツを入れんの、めちゃ重要!!

HTMLの時はさほど気にかけなかったけど、
CSSを使うにあたり、この半角スペース「&nbsp;」は
とっても重要なんだなって痛感したのだ。

拍手[0回]

PR
→ Comment
name title
url mail
comment                                  Vodafone絵文字 i-mode絵文字 Ezweb絵文字
color pass
40  39  38  37  36  34  33  32  31  30  29 
カレンダー。
03 2025/04 05
S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
ブログ内検索。
コメントありがと。
関連リンク。
■ PIXTA

写真とイラストの販売を
させて貰ってるます。
お世話になってます。


■ Photolibrary
写真素材-フォトライブラリー
写真とイラストの販売を
させて貰ってるます。
お世話になってます。


■ 食べログ

おいしいものが好きです。


■ ツイッター

時々つぶやいてもいます。


アクセス解析。
Admin / Write
忍者ブログ [PR]