开发者

Width in % in Google Chrome

开发者 https://www.devze.com 2023-02-03 17:40 出处:网络
I have problem with Google Chrome (not Firefox, IE, Opera or Safari). When i set width as percentage Chrome from time to time make the divs 1 or 2 pexels to wide.

I have problem with Google Chrome (not Firefox, IE, Opera or Safari).

When i set width as percentage Chrome from time to time make the divs 1 or 2 pexels to wide.

Any ideas or is this a known issue in Chrome?

Html:

<div class="table w60">
    <div class="row">
        <div class="cell w20">
            <div class="head_grey">Code</div>
        </div>
        <div class="cell w55">
            <div class="head_grey">Name</div>
 开发者_开发知识库       </div>
        <div class="cell w25">
            <div class="head_grey end">Vat</div>
        </div>
        <div class="clear"></div>
    </div>
</div>

Css:

.table
{
    background:#FFFFFF;
}

.table .row
{
    clear:left;
}

.table .row .cell
{
    float:left;
}

.head_grey
{
    padding:3px 5px 3px 5px;
    color:#FFFFFF;
    background:url(/images/head_grey.png);
    font-weight:bold;
    border-color:#A3A3A3;
    border-width:1px 0px 1px 1px;
    border-style:solid;
    height:14px;    
}

.table .row .cell .end
{
    border-right-width:1px;
}

.w5 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
0

精彩评论

暂无评论...
验证码 换一张
取 消