ช่วยแก้ css ให้ทีครับ มีปัญหากับ IE7

เริ่มโดย fogza, 15 เมษายน 2013, 14:23:01

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

พิมพ์
ลง หน้า1
การกระทำของผู้ใช้

fogza

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

#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 ซ้อนอีกชั้นแทนตามด้านบนครับ
[direct=http://web-programming-bookmark.blogspot.com/p/blog-page.html]รับแก้ไขเว็บ[/direct]

fogza

#2
15 เมษายน 2013, 15:07:21
อ้างถึงจาก: goldxp ใน 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 ซ้อนอีกชั้นแทนตามด้านบนครับ
อ๋อ ขอบคุณมากๆ ครับ ได้แล้ว นั่งงมตั้งนาน
+1  :wanwan044:
:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::

metha_design

#3
15 เมษายน 2013, 15:07:40 แก้ไขล่าสุด: 15 เมษายน 2013, 15:10:35 โดย metha_design
เอา padding: 10px;  ออกดิ

ตรง ul ขอบ border: 1px solid #E5E5E5;  ก้อติดแล้วง่ายนิดเดียวครับ
ขายโดเมนพร้อมเนื้อหา คือ ประกาศเชียงใหม่.com,[direct=http://www.webdesignchiangmai.com/]รับทำเว็บไซต์ เชียงใหม่[/direct][direct=http://www.xn--12cfbmar5hycbcj2a3a6d8ec0ab2a2tnc1f.com/]botox เชียงใหม่[/direct][direct=http://www.xn--22cki2d0bdbdd7fra0dc0c7kna5b6fc2e.com/]ร้านขายแอร์เชียงใหม่[/direct] [direct=http://bscamera.com/]ซ่อมกล้อง เชียงใหม่[/direct] [direct=http://xn--22cdkjc7dg0ak0b7agled0lza0fi7ewd3hpa0f7ewajc.com/]เช่ารถตู้พร้อมคนขับ เชียงใหม่[/direct]

fogza

#4
15 เมษายน 2013, 15:39:14
อ้างถึงจาก: metha_design ใน 15 เมษายน 2013, 15:07:40
เอา padding: 10px;  ออกดิ

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

goldxp

#5
15 เมษายน 2013, 18:27:26 แก้ไขล่าสุด: 15 เมษายน 2013, 18:27:39 โดย goldxp
เช็ค pm ดูอีกทีนะครับ
[direct=http://web-programming-bookmark.blogspot.com/p/blog-page.html]รับแก้ไขเว็บ[/direct]
พิมพ์
ขึ้น หน้า1
การกระทำของผู้ใช้