IE8定位,噩梦!

时间:2010-03-24 14:05:59

标签: html css internet-explorer-8 positioning

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

两个盒子都叫同一个类,为什么IE这么难?

以下是它的意思:

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 个答案:

答案 0 :(得分:0)

鉴于你有一些看起来像是出现在其他内容中的内容,如果我是你,我会先仔细检查你的所有标签是否已关闭(即你没有<div>它错过了</div>)。

但是很难说你发布了什么。 。 。如果页面托管在某个地方并且您可以链接到该页面,则可以更容易地进行调试。

答案 1 :(得分:0)

我补充说:

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

使用css:

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

两个盒子之间。修正了它:)