ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingช่วยแก้ css ให้ทีครับ มีปัญหากับ IE7
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ช่วยแก้ css ให้ทีครับ มีปัญหากับ IE7  (อ่าน 1068 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
fogza
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« เมื่อ: 15 เมษายน 2013, 14:23:01 »

โค้ดตามนี้ครับ
โค๊ด:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
  <style>
    .box{
float: left;
height: auto;
width: 100%;
display: block;
margin: 5px 0;
padding: 5px;
    }
    ul{
width: 440px;
  height: 140px;
  padding: 10px;
  overflow: auto;
border: 1px solid #E5E5E5;
  margin: 0 auto;
    }
    ul > li{
    float: left;
position: relative;
width: 409px; height: 120px;
background-color: #F0F0F0;
border-bottom: 1px solid #E5E5E5;
overflow: hidden;
display: block;
margin-bottom: 10px; padding: 5px;
    }
  </style>
</head>
<body>
  <div class="box">
    <ul>
      <li></li>
      <li></li>
    </ul>
  </div>
</body>
</html>

ตอนรันหน้าเว็บแท็ก <ul>... มันล้นออกมานะครับ ถ้าใน IE8 ขึ้นไปมันไม่มีปัญหาครับ
ช่วยแนะนำทีนะครับ ขอบคุณครับ  wanwan017
บันทึกการเข้า

:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::
goldxp
สมุนแก๊งเสียว
*

พลังน้ำใจ: 73
ออฟไลน์ ออฟไลน์

กระทู้: 557



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 15 เมษายน 2013, 14:50:42 »

โค๊ด:
    ul > li{
                float: left;
width: 409px; height: 120px;
background-color: #F0F0F0;
border-bottom: 1px solid #E5E5E5;
overflow: hidden;
display: block;
margin-bottom: 10px; padding: 5px;
    }
    ul > li > div{
            position: relative;
    }
นำ position relative ออกครับ ถ้าต้องการอะไรที่ relative ให้สร้าง div ซ้อนอีกชั้นแทนตามด้านบนครับ
บันทึกการเข้า

fogza
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #2 เมื่อ: 15 เมษายน 2013, 15:07:21 »

โค๊ด:
    ul > li{
                float: left;
width: 409px; height: 120px;
background-color: #F0F0F0;
border-bottom: 1px solid #E5E5E5;
overflow: hidden;
display: block;
margin-bottom: 10px; padding: 5px;
    }
    ul > li > div{
            position: relative;
    }
นำ position relative ออกครับ ถ้าต้องการอะไรที่ relative ให้สร้าง div ซ้อนอีกชั้นแทนตามด้านบนครับ
อ๋อ ขอบคุณมากๆ ครับ ได้แล้ว นั่งงมตั้งนาน
+1  wanwan044
บันทึกการเข้า

:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::
metha_design
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 61
ออฟไลน์ ออฟไลน์

กระทู้: 1,040



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 15 เมษายน 2013, 15:07:40 »

เอา padding: 10px;  ออกดิ

ตรง ul ขอบ border: 1px solid #E5E5E5;  ก้อติดแล้วง่ายนิดเดียวครับ
« แก้ไขครั้งสุดท้าย: 15 เมษายน 2013, 15:10:35 โดย metha_design » บันทึกการเข้า

fogza
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #4 เมื่อ: 15 เมษายน 2013, 15:39:14 »

เอา padding: 10px;  ออกดิ

ตรง ul ขอบ border: 1px solid #E5E5E5;  ก้อติดแล้วง่ายนิดเดียวครับ
ขอบคุณครับ แบบนี้ก็ได้เหมือนกัน padding 10 มันล้นขอบใช่ไหมครับ
บันทึกการเข้า

:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::
goldxp
สมุนแก๊งเสียว
*

พลังน้ำใจ: 73
ออฟไลน์ ออฟไลน์

กระทู้: 557



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 15 เมษายน 2013, 18:27:26 »

เช็ค pm ดูอีกทีนะครับ
« แก้ไขครั้งสุดท้าย: 15 เมษายน 2013, 18:27:39 โดย goldxp » บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์