ふみの
[URL]
07/13(日) 13:09 IP:221.40.99.51 削除依頼
http://c-ry.jugem.jp/(アドだししみません)
見てもらうとわかるとおもうんですが、
二番目の記事が一番目の記事より小さくなってしまっているんです(´;ェ;`)
過去も探してもわからなかったので・・
知っている方、教えてください!!
NO.1 kita
[MAIL]
[URL]
07/13(日) 17:17 IP:220.220.21.95 削除依頼 - タグの使い方がデタラメだから。
<div class="entry_state">
<div align="right"> Posted At <a href="./?eid=59">22:03</a> | <a href=省略" target="_blank">Click!!</a> | <a href="省略">♥6<div/><a/>
</div>
</div>
この最後の方の「」はなに？こんなタグはない。♥6<div/><a/>、スラッシュが後ろに付くものは限られており、そうでなければ、当然正しい解釈はされない。</a></div> が正しい。デタラメだから終了タグと解釈できなくなる。
ついでに言うと、そもそも本来は .entry_state { に text-align: right; の一行を追加すれば、<div align="right">内容</div> なんて言うタグを書き加える穂のものでもなかった。
さらに internet explorer では全体が中央になっているが、この解釈自体が間違っているため、他のブラウザではタイトル用画像と記事部分とに「ズレ」が出ている。
原因はもともと２コラムの作りであったため、
#wrapper {
width: 720px; #CCCCCC;
margin: 0 auto;
}
とこのサイズがサイドバーを含めた数字であるから。
もう一つ、
<h1 class="site_title">□□□□□□<IMG src="http://c-ry.img.jugem.jp/20080319_2181912.png" usemap="#20080319_2181912" border="0">
<MAP name="20080319_2181912">
と「全角スペース」を使っているので、「正しい中央」になっているわけでない。
h1 {
margin: 10px 0px 10px 20px; /* → text-align: center; と変更 */
.site_title {
省略;
margin: 10px 0px 10px 20px; /* → margin: 0 auto; と変更 */
jugem の採用している xhtml ではすべてのタグは「小文字」で書く決まりになっている。
× <IMG、<MAP、<AREA、<CENTER> → ● <img、<map、<area、<center>
このタイトルには現在1件の投稿があります。最大500件まで投稿できます。 |