تغییر width (باید ببینی تا متوجه شی کلیک کن)

[iJoomla.org]

فوتر باید از مستقلاً و بعد از container بیاد. بنظر می رسه الان فوتر داخل یه div دیگه هست که عرض مشخصی داره. منظورم همون div ی هستش که کانتنت صفحه رو توی خودش جا داده. بعبارت دیگه شما در بالا، یه div با عرض ۱۰۰٪ دارید که منو توش قرار گرفته و عرض اون به میزان ۱۰۰٪ عرض صفحه هستش ولی پایین اون یه div دارید که عرض مشخصی داره و با بزرگ شدن اسکرین همون اندازه می مونه. مشکل اینه که فوتر الان توی اون div با عرض مشخص هستش. پس راه حل اینه که فوتر رو کلاً از اون div بیرون بکشید و توی یه div دیگه با عرض ۱۰۰٪ بذارید.
اگه روی لوکال نبودید و یا کدها رو ضمیمه می کردید، اسم div ها رو بهتون می گفتم ولی اجالتاً یه مثال با کد می زنم تا شما راحت تر پیدا کنید.

الان ترتیب قرارگیری المنت ها اینجوریه:

۱. دیو اول با عرض ۱۰۰٪ که منو رو توی خودش جا داده
۲. دیو دوم با عرض n پیکسل که کانتنت و فوتر رو توی خودش داره

ولی برای اینکه استایل، با منظور شما منطبق بشه باید کدها به این صورت باشه:

۱. دیو اول با عرض ۱۰۰٪ که منو رو توی خودش جا داده
۲. دیو دوم با عرض n پیکسل که (فقط) کانتنت رو توی خودش جا داده
۳. دیو سوم با عرض ۱۰۰٪ که فوتر رو در بر می گیره