کد html مریبوط به درست کردن یه layout بشکل تصویر ضمیمه

[gama118]

سلام

من میخوام مستر پیجم رو با div بصورت 4 ستونی طراحی کنم که مجموع عرض 4 ستون یشه 990 پیکسل که میخوام وسط صفحه قرار بگیره هر کاری میکنم نمیشه

تصویر رو ضمیه کردم
میخوام کل این ستونها در وسط صفحه باشه و با div طراحی بشه

اگه کسی کدشو میتونه واسم بنویسه

ممنون
93012

[Fartaj]

سلام دوست عزیز

تو این آدرسی که گذاشتم کد سه ستونه رو گذاشتم دیگه بقیش کاری نداره :
http://barnamenevis.org/showthread.php?360643-%D9%85%D9%86-%D8%A8%D8%A7%DB%8C%D8%AF-%D9%85%D8%AB%D9%84%D8%A7-%D9%85%D9%82%D8%AA%D8%B5%D8%A7%D8%AA-%DB%8C%D9%87-%D8%AF%DA%A9%D9%85%D9%87-%D8%B1%D9%88-%D8%A8%D8%B1-%D8%A7%D8%B3%D8%A7%D8%B3-%D8%AF%D8%B1%D8%B5%D8%AF-%DA%A9%D9%86%D9%85-%D8%9F-%D8%AA%D8%A7-%D8%AA%D9%88%DB%8C-%D8%AA%D9%85%D8%A7%D9%85-%D9%85%D8%A7%D9%86%DB%8C%D8%AA%D9%88%D8%B1-%D9%87%D8%A7-%D8%B9%D8%B1%DB%8C%D8%B6-%D8%AA%D8%BA%DB%8C%DB%8C%D8%B1-%D9%86%DA%A9%D9%86%D9%87%D8%9F&p=1591444#post1591444

[gama118]

سلام
ممنون

ولی شما تو این حالت اومدین یه دایو اصلی در وسط صفحه با عرض 910 تعریف کردین و بعد اون سه تا دایو دیگه رو داخلش گذاشتین درسته ؟

بنظرم این حالت مشکل داره چون تو این حالت تگ بسته شدن دایو اصلی در انتها قرار میگیره و باعث میشه کل صفحه یهو با هم لود شده و اون حالت تک تک لود شدن رو نداشته باشه درسته؟

[hamed_hossani]

<div style="margin-right: auto; margin-left: auto; width: 990px; background-color: #C0C0C0;"></div>
<div style="margin-right: auto; margin-left: auto; width: 990px; background-color: #66FFFF;"></div>
<div style="margin-right: auto; margin-left: auto; width: 990px; background-color: #FFFFFF; position: relative;">
<div style="width: 150px; border-style: solid; border-width: 1px; background-color: #FFFF00; float: left;">
150
<br />
<br />
<br />
fdg<br />
df<br />
g<br />
df<br />
g<br />
df<br />
g<br />
df<br />
g<br />
d<br />
</div>
<div style="width: 200px; border-style: solid; border-width: 1px; background-color: #FF0F00;float: left;">200</div>
<div style="width: 540px; border-style: solid; border-width: 1px; background-color: #993399; float: left;">
540<br />
gdgd<br />
fg<br />
d<br />
fg<br />
d<br />
f<br />
g<br />
df<br />
&nbsp;</div>
<div style="width: 90px; border-style: solid; border-width: 1px; background-color: #F00F00;float: left;">90</div>
<br />
</div>
<div style="margin-right: auto; margin-left: auto; width: 990px; background-color: #99FF66;"></div>
امیدوارم به درد بخوره!
margin-right: auto; margin-left: auto; کار وسط چین را انجام می دهد.