حل مشکل قرارگرفتن دو div کنار هم دیگه

Mahdi_20

Member
من مشکل قرار گرفتن دو Div کنار همدیگه رو اینطوری حل کردم هم تو IE کار میکنه هم تو Firefox
HTML:
 <div style="padding:5px;float:right;display:table-cell;height:100%">Here is Text</div>
			<div style="vertical-align:top;padding:5px;display:table-cell;height:100%">Here is Text</div>

یه روش دیگه هم اینه که id یکی از Div ها رو c1 و دیگری رو c2 قرار میدیم بعد این کد رو بعد از تگ بسته html قرار میدیم:
HTML:
 <script type="text/javascript" >
if(document.getElementById("c2").offsetHeight<document.getElementById("c1").offsetHeight)
{
document.getElementById("c2").style.height=document.getElementById("c1").offsetHeight+"px";}
else{
document.getElementById("c1").style.height=document.getElementById("c2").offsetHeight-10+"px";}
</script>

اگه کسی راه حل بهینه و بهتری سراغ داره، اینجا بزاره تا ما هم استفاده کنیم.
 

جدیدترین ارسال ها

بالا