代码之家  ›  专栏  ›  技术社区  ›  Kyle

IE8定位,噩梦!

  •  0
  • Kyle  · 技术社区  · 14 年前

    嗨,你猜怎么着,我有一个IE定位问题!这是第8版,所以上帝知道其他版本中发生了什么(稍后查看)

    两个箱子都叫同一个班,为什么这么难?

    这就是它的外观:

    right

    它看起来是这样的:

    wrong

    CSS:(为了便于阅读,删除了注释)

    div .roundbigboxkunde {
        background-image:url(../../upload/EW_kunde_info.png);
        background-position:top center;
        padding:10px;
        padding-top:10px;
        padding-bottom:20px;
        width:560px;
        height:1%;
        border-width:1px;
        border-color:#dddddd;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        z-index:1;
        position:relative;
        overflow:hidden;
    
    
    }
    
    div .roundbigboxkundei {
    
        margin-top:10px;
        padding:10px;
        padding-top:10px;
        padding-bottom:10px;
        width:760px;
        height:1%;
        position:relative;
        overflow:hidden;
    

    和HTML:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    
        <div class="roundbigboxkunde"> 
        <div class="roundbigboxkundei"> 
    
    <p id="nyk">&nbsp;</p> 
    <div id="bg_box2"></div> 
    <p class="required"> 
    
           <label for="billing_firstName"><span class="label">Fornavn:</span></label> 
           <fieldset class="error"><input name="billing_firstName" class="text" type="text" value="Kyle"/> 
    
        <div class="errorText hidden"></div> 
        </fieldset> 
    </p> 
    
    CONTENT CONTINUES
    
            </fieldset> 
    

    Here is the page

    2 回复  |  直到 14 年前
        1
  •  0
  •   Tim Goodman    14 年前

    考虑到你有一些内容看起来像是出现在其他内容中,如果我是你,我会仔细检查你所有的标签是否都已关闭(也就是说,你没有 <div> 它不见了 </div> )

    但很难从你发布的内容中分辨出来。…如果页面位于某个地方,并且您可以链接到该页面,则可以更容易地进行调试。

        2
  •  0
  •   Kyle    14 年前

    我补充道:

    <div class="clear"></div>
    

    使用CSS:

    .clear
    {
        clear: both;
        width: 100%;
        height: 0;
        overflow: hidden;
        float: none !important;
    }
    

    在两个盒子之间。修好了:)