![[関西]WEBデザイン 交流会[大阪]](https://logo-imagecluster.img.mixi.jp/photo/comm/94/64/4999464_227s.gif){kind=logo}
CSSで色んなバグがありますが、さっぱり意味わからん？？ってバグに遭遇したことってありますか？
今日そんなバグに遭遇してしまったんですが。。
下のソースをそのままコピってWinのIE6で見て下さい。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {
width: 760px;
}
#co-left {
width: 510px;
float: left;
}
#co-right {
width: 250px;
float: left;
}
-->
</style>
</head>
<body>
<!-- wrapper -->
<div id="wrapper">
<!-- contents -->
<div id="contents">
<!-- co-left -->
<div id="co-left">
<h3>あああ</h3>
<p>いいいいいいいいいいいいいいい</p>
</div>
<!-- /co-left -->
<!-- co-left -->
<div id="co-right">
<h3>あああ</h3>
<p><img width="250" height="240" /></p>
</div>
<!-- /co-right -->
</div>
<!-- /contents -->
</div>
<!-- /wrapper -->
</body>
</html>
pタグの中のimgが何故か左側にいっちゃう……。
解決方法として見つけたのは、xhtml宣言を取るか、<!-- co-left -->のコメントタグを抜けば、imgが右側に表示される。。
これはバグ？これを解決するのに半日程かかったんですが。。
こういうコメントの書き方が良くないのでしょうか？
明確に原因を答えれる人、コメント宜しくお願いします。
今日そんなバグに遭遇してしまったんですが。。
下のソースをそのままコピってWinのIE6で見て下さい。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {
width: 760px;
}
#co-left {
width: 510px;
float: left;
}
#co-right {
width: 250px;
float: left;
}
-->
</style>
</head>
<body>
<!-- wrapper -->
<div id="wrapper">
<!-- contents -->
<div id="contents">
<!-- co-left -->
<div id="co-left">
<h3>あああ</h3>
<p>いいいいいいいいいいいいいいい</p>
</div>
<!-- /co-left -->
<!-- co-left -->
<div id="co-right">
<h3>あああ</h3>
<p><img width="250" height="240" /></p>
</div>
<!-- /co-right -->
</div>
<!-- /contents -->
</div>
<!-- /wrapper -->
</body>
</html>
pタグの中のimgが何故か左側にいっちゃう……。
解決方法として見つけたのは、xhtml宣言を取るか、<!-- co-left -->のコメントタグを抜けば、imgが右側に表示される。。
これはバグ？これを解決するのに半日程かかったんですが。。
こういうコメントの書き方が良くないのでしょうか？
明確に原因を答えれる人、コメント宜しくお願いします。
|
|
|
|
|
|
|
|
