PDA

View Full Version : سوال: زیر هم قرار گرفتن المنت ها


IMANAZADI
چهارشنبه 09 مهر 1393, 17:58 عصر
با سلام
کد یک صفحه رو میزارم
مشکل اینجاست که قسمت هد و قسمت جزییات زیر هم نمی افتند
ایراد از کجاست


ممنون میشم


اینم عکس


http://8pic.ir/images/9krgkjncsx3y2nctrjzh.jpg








<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>


<style type="text/css">


*
{
margin:0;
padding:0;
font-size:100%;
line-height:1;

}




span{-webkit-box-sizing: border-box;}


#te>*
{
display:inline-block;
text-align:center;
border:#000000 solid 1px;
}


.sheet
{
width:40px;
margin-left:5px;border:#000000 solid 1px;
}


.serial
{
width:290px;
margin-left:5px; border:#000000 solid 1px;
}
.number
{
width:40px;
margin-left:5px; border:#000000 solid 1px;
}
.repno
{
width:70px;
margin-left:5px;border:#000000 solid 1px;


}


.date
{
width:70px;
margin-left:5px; border:#000000 solid 1px;
}


.price
{
width:70px;
margin-left:5px;border:#000000 solid 1px;
}
.void
{
margin-left:15px;
}


</style>
</head>


<body>


<div id="te">


<span class="sheet">Sheet</span>
<span class="serial">serial</span>
<span class="number">number</span>
<span class="repno">repno</span>
<span class="date">date</span>
<span class="price">price</span>
<span class="void">Void</span>
</div>


<div id="test" >


<div id="div1" style="margin-top: 3px;">
<input id="sheet1" name="sheet[]" type="text" maxlength="3" class="sheet">
<input id="serial1" name="serial[]" type="text" maxlength="40" class="serial">
<input id="number1" name="number[]" type="text" maxlength="4" class="number">
<input id="repno1" name="repno[]" type="text" maxlength="8" class="repno">
<input id="date1" name="date[]" type="text" maxlength="8" class="date">
<input id="price1" name="price[]" type="text" maxlength="6" class="price">
<input id="voi1" name="voi[]" type="checkbox" value="true" class="void">
</div>

<div id="div2" style="margin-top: 3px;">
<input id="sheet2" name="sheet[]" type="text" maxlength="3" class="sheet">
<input id="serial2" name="serial[]" type="text" maxlength="40" class="serial">
<input id="number2" name="number[]" type="text" maxlength="4" class="number">
<input id="repno2" name="repno[]" type="text" maxlength="8" class="repno">
<input id="date2" name="date[]" type="text" maxlength="8" class="date">
<input id="price2" name="price[]" type="text" maxlength="6" class="price">
<input id="voi2" name="voi[]" type="checkbox" value="true" class="void">
</div>


<div id="div3" style="margin-top: 3px;">
<input id="sheet3" name="sheet[]" type="text" maxlength="3" class="sheet">
<input id="serial3" name="serial[]" type="text" maxlength="40" class="serial">
<input id="number3" name="number[]" type="text" maxlength="4" class="number">
<input id="repno3" name="repno[]" type="text" maxlength="8" class="repno">
<input id="date3" name="date[]" type="text" maxlength="8" class="date">
<input id="price3" name="price[]" type="text" maxlength="6" class="price">
<input id="voi3" name="voi[]" type="checkbox" value="true" class="void">
</div>


</div>




</body>


</html>
amirali0079
چهارشنبه 09 مهر 1393, 21:17 عصر
همه را درون تیبل قرار دهید
IMANAZADI
پنج شنبه 10 مهر 1393, 07:21 صبح
خــــــســـــــتـــــــــ ـــــــــــه نـــــــبـــــــــاشــــی ـــــــد:متفکر:
اگه میخواستم تیبل درست کنم نمی آمدم تاپیک بزنم مشکلم بگم
SlowCode
جمعه 11 مهر 1393, 13:58 عصر
قالب شما تو فایرفاکس درست نمایش داده میشه، از تصویری که گذاشتین مشخصه که شما تو کروم بازش کردین. و دلیل این نابسامانی هم کد زیر هست:

span{-webkit-box-sizing: border-box;}
این کد رو حذف کن مشکلت حل میشه.
IMANAZADI
شنبه 12 مهر 1393, 07:27 صبح
توی گوگل کروم درست هست ولی توی فایرفاکس اپرا اکسپلورر مشکل داره
اونم حذف کردم بازم نشد:گریه::گریه::متفکر::متفکر:
elyas_delshadnbe
شنبه 12 مهر 1393, 08:45 صبح
قالب شما تو فایرفاکس درست نمایش داده میشه، از تصویری که گذاشتین مشخصه که شما تو کروم بازش کردین. و دلیل این نابسامانی هم کد زیر هست:

span{-webkit-box-sizing: border-box;}
این کد رو حذف کن مشکلت حل میشه.


مشكل از مرورگراتون نيس؟چون با حذف اين كد مشكاتون توي هر سه مرورگر حل ميشه ها !