เกี่ยวกับ css ครับ

เมื่อคืนนั่งเปลี่ยน 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 ครับ

ขอบคุณครับ
16 มี.ค. 2553 2 1,611

ขอบลองใส่ display:table ดูครับ

หรือไม่ก็เอาขอบออก แล้วใส่ขอบที่ #frame เลย
#1

ใช้ 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>
#2
ความคิดเห็น
ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 1024
^