تراز کردن ستون ها در <div>

rudehen

rudehen

Member
سلام

ببنم چطوری می تونم دو تا ستون رو تراز کنم
طوری که ستون منو و ستون محتوا (قرمز و آبی) با هم تراز باشن
یعنی هر چی محتویات ستون محتوا زیاد تر می شه ستون منو هم با اون بلندتر بشه
منظورم رنگ پس زمینه اشه
کد: 
<div align="center">
<div style="width:500px; background-color:#cccccc; ">

	<div style="width:148px; background-color:red; float:right; ">menu</div>
	
	<div style="width:348px; background-color:blue; float:left; ">content<p>
      222<p>
      dddd<p>
      &nbsp;<p>
      dd</div>


</div>
</div>
 
S

se135954

Member
تگ های div را بریز تو جدول .کد زیر همون نتیجه ای رو که می خوای بهت میده


<table width="540" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="394" valign="top" bgcolor="#9900FF"><div>
<p>Content</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div></td>
<td width="11">&nbsp;</td>
<td width="135" bgcolor="#FF0000"><div>
<p>Menu</p>
</div></td>
</tr>
</table>
 
N

najafzade

Member
من این کار رو کردم.
یکی درازتر میشه اون یکی تغییر نمیکنه.
نمیدونم چرا:eek:
 
S

se135954

Member
ببین این کد کاملش


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="571" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="432" valign="top" bgcolor="#9900FF"><div>
<p>Content</p>
<p>ContentContentContentContentContentContentContentContent</p>
<p>ContentContentContentContentContentContentContentContentContent</p>
<p>ontentContentContentContentContentContentContentContent</p>
<p>ContentContentContentContentContentContentContentContent</p>
<p>ContentontentContentContentContentContentContentContentContent</p>
<p>ContentContentContentContentContentContentContentContentContent</p>
<p>ontentContentContentContentContentContentContentContent</p>
<p>ContentContentContentContentContentContentContentContentContent</p>
<p>&nbsp;</p>
<p dir="rtl">&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div></td>
<td width="8">&nbsp;</td>
<td width="131" align="center" valign="top" bgcolor="#FF0000"><div>
<p>Menu</p>
<p>MenuMenu</p>
<p>Menu</p>
</div></td>
</tr>
</table>
</body>
</html>


این هم عکس نمونه من :
1.jpg
 
rudehen

rudehen

Member
تگ های div را بریز تو جدول .کد زیر همون نتیجه ای رو که می خوای بهت میده
کلیک کنید تا باز شود...

ببخشیدا
اما
جدول رو که بلدم - می خوام از تگ <DIV> استفاده کنم که سرعت لود صفحه بالا باشه
اصلا نمی خوام جدول بکار ببرم
منتظر جوابم
 
rudehen

rudehen

Member
سلام
شما باید مهر زاد باشی
فارق التحصیل شدی ما نتونستیم ببینیمت
کلیک کنید تا باز شود...

ممنونم از لينك ها - مي بينم اگه مشكل داشتم مي گم لطف كنين و لينك دانلود بدين
راستي منو از كجا ميشناسين؟؟
مشتاق ديداريم

-----
از جناب echessdesign هم ممنونم و شرمنده
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

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

بالا