پارس جوم :: انجمن های تخصصی جوملا

نسخه‌ی کامل: مشکل در طراحی قالب جوملا 2.5
شما در حال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب بندی مناسب.
با سلام خدمت دوستان عزیز
من یه مشکل تو طراحی قالب جوملا 2.5 دارم
و اون اینکه وقتی به DIV فلوت میدم از سمت مثلا راست خود به خود 30px فاصله میگیره

[تصویر:  joomlaforum.ir_13623827311.jpg]

این کد php :
کد php:
<dir id="header">
                       <
dir id="date">
                       </
dir>
                       <
dir id="main-menu">                     
                       </
dir>
                  </
dir><!--End header--> 

اینم css:
کد php:
#main{
    
width1000px;
    
background-colororange;
    
marginauto;
}
#date{
    
background-coloraqua;
    
width200px;
    
height25px;
}
#header{
    
width1000px;
    
height:150px;
    
background-colorgreen;
    
margin:auto;
    
float:right
}
#main-menu{
    
background-colorblue;
    
width600px;
    
height:30px;
    
floatright;


ضمنا اندازه طول دایو مین من 1000px هستش - وقتی که اندازه دایو header رو هم 1000px میکنم از دایو main میزنه بیرون
در حالی که باید هم اندازه باشن
وقتی هم با استفاده از وب ودلوپر سی اس قالب رو میبینم اندازه درسته ولی وقتی طول موقعیت هدرو با استفاده از افزونه خطکش فایرفاکس اندازه میگیرم تقریبا می شه گفت 30px میزنه بیرون
با سلام.
دوست عزیز اولا به جای دایو از دایر استفاده کردین نمیدونم توی کدتون هم اینجوریه یا اینجا اشتباه شده به هر حال فک می کنم به جای اینکه margin را auto قرار بدید صفر قرار بدید یا اگه باز فاصله داشت می تونید یک عدد منفی بدهید تا به سمت راست بچسبه.
با آرزوی موفقیت
درود بر شما
گاهی مواقع تکرار float پشت سر هم باعث به هم ریختگی قالب می شوند، علاوه بر مواردی که در بالا اشاره شد به این مورد هم توجه کنید.

شاد باشید و شادی بخش دیگران
لینک مرجع