کمک برای استفاده از div به جای table?

rezanew

New Member
با سلام!

دوستان من تازه با css و قدرت اون آشنا شدم و یک سری مشکلات دارم!
من تو یه قسمت از سایتم می خوام از یه content box استفاده کنم که با فوتوشاپ طراحی کردم! این cb شامل یه header و یه content و یه footer هستش! اجرای این cb یا table یه راحتی آب خوردن هستش!

حالا وقتی می خوام با div اینارو کنار هم بچینم این کارو می کنم:
برای header :
این header دارای سه قسمت هستش که قسمت بالا چپ، بالا وسط، بالا راست رو شامل می شه و با تنظیم float ها به راحتی کنار هم قرار می گیرن چون همشون دارای یه ارتفاع مشخص هستند
برای footer :
این قسمت هم مثل header راحته و مثل اون سه قسمت داره و انجام می شه!

مشکل اصلی تو قسمت content هست چون ارتفاع مشخصی نداره! این content هم دارای سه قسمت راست وسط و چپ هستش، که مثل ستون های جدول تو یه ردیف عمل می کنن، ستون های راست و چپ دارای یه عکس background هستند که با افزایش ارفاع tile می شن (repeat-y) ، حالا وفتی تو ستون وسط اطلاعاتی می یاد طبیعتا ارتفاع اون افزایش پیدا می کنه و ستون های کناری هم باید با این ارتفاع خودشونو تنظیم کنن!! حالا مشکل من تو قسمت تنظیم ارتفاع ستون های کناری هست!!

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

echessdesign

مدیر انجمن طراحی وب
درود بر شما
به یکی از متداول ترین مشکلات تازه کارهای css اشاره کردی.
در رابطه با تنظیم ارتفاع ستون های جدول، مفصل در انجمن بحث شده است.
جستجو فرمایید.
 

Webber

Well-Known Member
سلام
شما می تونید height دیو های کناری رو 100٪ کنید ولی ممکن است در مرورگرهای مختلف مشکل پیدا شود.پس یه پیشنهاد دیگر:
به جای سه div از دو div استفاده کنید.یکی نگهدارنده ی بخش content و یکی خود بخش content.یعنی:
HTML:
//Content Container
<div id="cContainer">
 <div id="content">
  here is ur content.
 </div>
</div>

HTML:
#cContainer{
  background:url('bg.jpg') repeat-y center;
  text-align:center
}
#content{
  margin:0 auto 0 auto;
  width:90%
}

با این روش div درونی (#content) در مرکز div نگهدارنده ی خود قرار می گیرد.ولی طول آن باید کمتر از نگهدارنده باشد تا پس زمینه ی صفحه در اطراف div نگهدارنده نمایش یابد.در واقع پس زمینه یک عکس است با طول div نگهدارنده.لینک یک نمونه از این کار در امضای بنده هست.

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

موفق باشید
 

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

بالا