เมื่อคืนนั่งเปลี่ยน web เอา table ออก (หักดิบ) มาเจอปัญหานิดนึ่งครับ
<style type="text/css">
.col_l{float: left; width: 100px; }
.col_r{width:90px; float:left}
#dvborder{
border: solid red;
}
#frame{clear: both; margin: 0 auto; width: 700px; text-align: center}
</style>
<div id="dvborder">
<div id="frame">
<div class="col_l">Username</div>
<div class="col_r"><input type="text" name="" id=""></div>
</div>
</div>
จาก โค๊ดนี้รับ บน FF มันจะไม่ได้ตรงที่ ขอบน่ะครับ(dvborder) คือ ที่อยู่ใน id="frame" มันไม่ยอมไปอยู่ใน dvborder ครับ
ขอบคุณครับ
<style type="text/css">
.col_l{float: left; width: 100px; }
.col_r{width:90px; float:left}
#dvborder{
border: solid red;
}
#frame{clear: both; margin: 0 auto; width: 700px; text-align: center}
</style>
<div id="dvborder">
<div id="frame">
<div class="col_l">Username</div>
<div class="col_r"><input type="text" name="" id=""></div>
</div>
</div>
จาก โค๊ดนี้รับ บน FF มันจะไม่ได้ตรงที่ ขอบน่ะครับ(dvborder) คือ ที่อยู่ใน id="frame" มันไม่ยอมไปอยู่ใน dvborder ครับ
ขอบคุณครับ
ขอบลองใส่ display:table ดูครับ
หรือไม่ก็เอาขอบออก แล้วใส่ขอบที่ #frame เลย
หรือไม่ก็เอาขอบออก แล้วใส่ขอบที่ #frame เลย
ใช้ div เยอะไปหรือป่าวครับ แบบว่าใช้เกินความจำเป็น
แค่นี้ก็น่าจะพอแล้วน่ะ
แค่นี้ก็น่าจะพอแล้วน่ะ
.col_l{float: left; width: 100px; }
.col_r{width:90px; float:left}
#frame{clear: both; margin: 0 auto; width: 700px; text-align: center;border:1px red solid;}<div id="frame">
<p class="col_l">Username</p><p class="col_r"><input type="text" name="" id=""></p> <br style="clear:both;" />
</div>