IE8痴呆事件,legend 無法置中?

edited 十月 2013 in 其他
<fieldset class='form600' style='height:100%;'>
    <legend  align='center' style='display:block;text-align:center;'>
    Fieldset標題~~IE8將不置中
    </legend>
    try
</fieldset>
不管是align屬性,還是text-align樣式,在IE8中一律無視
目前來說,是可以透過邪惡的javascript暴力置中法處理
是否還有別種手段?

原始討論: http://twpug.net/x/modules/newbb/viewtopic.php?topic_id=4732

評論

  • edited 十二月 2009
    ?我在 IE8 看到的好像有置中耶?

    IE 8.0.6.x

    不過看到另外的問題,原本應該出現的上框線消失了,除非把 display:block; 拿掉
  • edited 二月 2010
    我發現好像是W3C的問題,如果直接貼上SoltyRain的原始碼,就會如kiang所述,
    因為我都用DreamWeaver開發網頁,所以都會有W3C的宣告,
    <!DOCTYPE html PUBLIC "-//W3C//ooxx...略">
    狀況就會是SoltyRain說的痴呆樣...
    我目前的辦法也不是很完全,全部用CSS處理,請參考:(還沒在FF下測試過)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">;
    <html xmlns="http://www.w3.org/1999/xhtml">;
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
    <!--
    .a{
    position:relative; /*設定主體*/
    width:90%; /*不知道為什麼設定100%右邊會暴表*/
    margin: auto; /*居中*/
    padding-top:20px; /*上方內距*/
    padding-bottom:20px; /*下方內距*/
    text-align:left; /*文字靠左*/
    }
    .b{
    position:absolute; /*設定依附*/
    width: 30%; /*物件寬*/
    margin-left: 35%; /*物件起始位置,這部分我不知道該怎麼解釋,物件的座標是從物件的左上角計算,而不是物件中心,所以只好用計算的方式來使物件盡量接近居中對齊的感覺*/
    display:block;
    text-align: center;
    top: -10px; /*要蓋在表格線上當標題*/
    }
    -->
    </style>
    <fieldset class="a" >
    <legend class="b">我是依附主體的物件框,樣式是b</legend>
    我是主體,樣式是a
    </fieldset>
    </body>
    </html>
Sign In or Register to comment.