ข้อความถูกตัดออกใน Internet Explorer

เมื่อดูเว็บไซต์ของฉันใน IE คำอธิบายเว็บไซต์ดูเหมือนด้านล่างของตัวอักษรถูกตัดออก แน่นอนว่าทุกอย่างเรียบร้อยดีและดูดีใน Safari/Firefox/Chrome แต่ IE กำลังฆ่าฉัน มันถูกสร้างบนธีม WordPress Twenty Ten

ฉันปรับระยะขอบและช่องว่างภายในโดยไม่มีโชค ดูเหมือนว่าการลดขนาดตัวอักษรจะช่วยได้ แต่ต้องไม่เล็กลงมากนัก ไม่เช่นนั้นจะไม่สามารถอ่านได้

ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชมมาก

ขอบคุณ!

อเล็กซ์

นี่คือหน้าที่แสดงผลใน Safari และ IE เคียงข้างกัน: http://screencast.com/t/b4YnDKANsg91

นี่คือรหัสส่วนหัว:

/* =Header
-------------------------------------------------------------- */

#header {
    padding: 15px 0 0 0;
}
#site-title {
    float: left;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 4px 0;
    width: 300px;
}
#site-title a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
#site-description {
    clear: right;
    float: right;
        color: #006400;
        font-size: 23px;
    font-style: regular;
    margin: 45px 0 10px 0;
    width: 610px;
}

/* This is the custom header image */
#branding img {
    border:none;
    clear: both;
    display: block;
}

/* This is the search form in the header */
#searchform {
    float: right;
    margin-top: -30px;
        z-index: 500;
}

person Alex    schedule 23.12.2010    source แหล่งที่มา


คำตอบ (1)


ฉันไม่แน่ใจหากไม่เห็น CSS แบบเต็ม แต่ฉันสงสัยว่า overflow:visible จะช่วยแก้ปัญหานี้ได้ ตัวเลือกอื่นอาจตั้งค่าให้ถูกตัดหรือซ่อน... หากไม่ได้ผล ให้ลองตั้งค่าความสูงเป็น em หน่วยแทนพิกเซล (เช่น 2em)

person sdcoder    schedule 23.12.2010
comment
Sdcoder ขอขอบคุณสำหรับการตอบกลับ! ทำงานเหมือนมีเสน่ห์ ฉันหวังว่าจะมีตัวละครเกินกว่าเครื่องหมายอัศเจรีย์ ในกรณีนี้มันไม่ค่อยยุติธรรมเลย! - person Alex; 24.12.2010
comment
ประการที่สอง หากคำตอบช่วยคุณได้ การยอมรับคำตอบก็ถือเป็นมารยาทที่ดีเท่านั้น - person Mike Caron; 10.10.2012