ورود

**setarehh** · 92-11-3، 02:08 صبح

سلام، وقت بخیر

تو قالبی که دارم طراحی میکنم برای نمونه چند تا مطلب رو گذاشتم در content قالب، اما متاسفانه فوتر سایتم کلا بهم میریزه عناصرش، مشکلش چیه؟
دایو main قبل از شروع فوتر بسته میشه و دایو content هم که داخل دایو main قرار گرفته.
دایو فوتر هم خودش شامل 3 تا دایو هست که من تنظیمات css سه تا دایو داخلی رو نسبت به دایو footer ،پوزیشن relative دادم

حالا نمیفهمم ایراد از چیه
ممنون میشم راهنمایی کنید

**ipry** · 92-11-3، 02:34 صبح

کد قالب رو بزارید چک کنیم..

**setarehh** · 92-11-3، 12:05 عصر

(92-11-3، 02:34 صبح)ipry نوشته است: کد قالب رو بزارید چک کنیم..

این عکس قالبی هست که دارم طراحی میکنم

داخل دایو فوتر همونطور که گفتم سه تا دایو دیگه اس که شامل فرم سفارش و فرم عضویت و شبکه های اجتماعی هست این هم کدای css اشون:
دایو کلی فوتر:
#footer{ background-image:url(../images/footer.png);
      height:408px;
      text-align:right;
      text-align:justify;

      }
دایو فرم سفارش:
#bottom1
{      width:350px;
       height:300px;
       float:left;
       font-size:12px;
       position:relative;
       top:55px;
       left:135px;

}
دایو شبکه های اجتماعی:
#social{
         width:200px;
        height:35px;
        float:left;
       position:relative;
       top:350px;
       left:-205px;

}

دایو فرم عضویت:
#bottom2
{
         width:300px;
         height:300px;
       float:right;
       font-size:12px;
          position:relative;
       top:130px;
       right:140px;}


   #p{font-family:B nazanin;
   font-size:13px;
   color:#ffffff;
   text-align:center;
   position:relative;
   left:45px;
   top:370px;

   }
    در ضمن تگ content که مطالب توشون قرار میگیره داخل تگ main هست و تگ main هم قبل فوتر بسته میشه، یعنی در واقع اصلا فوتر نباید تاثیری از content داشته باشه

این هم کدای کلی html :
<body>
<div id="main">

           <div id="mainmenu"> <jdoc:include type="modules" name="mainmenu" style="xhtml" />

                 <div id="logo">
               <jdoc:include type="modules" name="logo" style="xhtml" />
               </div>

                 <div id="sociall">
   <jdoc:include type="modules" name="sociall" style="xhtml" />
           <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/fbb_04.png" />
            <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/kk_04.png" />
           <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/tww_04.png" />
           <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/v_04.png" />

               </div>

               <div id="menubar">

                <jdoc:include type="modules" name="menubar" style="xhtml" />

               </div>

            </div> 


          <div id="header">
          <jdoc:include type="modules" name="head" style="xhtml" />

          </div>


        <div id="menubar2">
   <jdoc:include type="modules" name="menubar2" style="xhtml" />

          <div id="back">
         <jdoc:include type="modules" name="back" style="xhtml" /> </div>

        </div>



            <div id="content">
            <jdoc:include type="component" />

            </div>

           <div id="right">
   <jdoc:include type="modules" name="right" style="xhtml" />

            </div>
   </div>


   <div id="footer"> <jdoc:include type="modules" name="footer" style="xhtml" />

          <div id="bottom1"> <jdoc:include type="modules" name="bottom1" style="xhtml" />   </div>
          <div id="bottom2"> <jdoc:include type="modules" name="bottom2" style="xhtml" /> </div>
          <div id="social">
            <jdoc:include type="modules" name="social" style="xhtml" />
               <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/tw_06.png" />
                <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/fb_06.png" />
                <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/feed_06.png" />
                <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/google_06.png" />
                <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/d_06.png" />

                  </div>


           <p id="p">
               <?php echo JText::_('aaaaaaaaaaaaaaaaaaaaaaaa'); ?>
           </p>


   </div>

</body>

کدایcss دایو content و main:

#content{color:#000000;
   font-family:B nazanin;
   font-size:12px;}
#main {

width: 1263px;

**ipry**

کد ها یذره نامفهوم بود..
این یه نمونه فوتر که سه تا div زیر مجموعه داره:

کد: 

<style>

#footer{width:100%;height:350px;background:yellow;}

#F1{width:200px;height:250px;background:red;float:right;margin:45px 120px;}

#F2{width:200px;height:250px;background:Green;float:right;margin:45px 120px;}

#F3{width:200px;height:250px;background:blue;float:right;margin:45px 120px;}

</style>

<div id=footer>

<div id=F1></div>

<div id=F2></div>

<div id=F3></div>

</div>

**setarehh** · 92-11-3، 04:03 عصر

(92-11-3، 03:45 عصر)ipry نوشته است: کد ها یذره نامفهوم بود..
این یه نمونه فوتر که سه تا div زیر مجموعه داره:

کد:

<style> #footer{width:100%;height:350px;background:yellow;} #F1{width:200px;height:250px;background:red;float:right;margin:45px 120px;} #F2{width:200px;height:250px;background:Green;float:right;margin:45px 120px;} #F3{width:200px;height:250px;background:blue;float:right;margin:45px 120px;} </style> <div id=footer> <div id=F1></div> <div id=F2></div> <div id=F3></div> </div>

دوست عزیز برای من هم دقیقا همینه، من مشکلی با کد نویسی ندارم فقط نمیفهمم چرا وقتی مطالب تو دایوcontent قرار میگیرن چرا فوتر بهم میریزه در صورتیکه دایو content قبل از فوتر بسته میشه و خودش هم داخل دایو main هست و اونم قبل فوتر بسته میشه و اضلا به فوتر مرتبط نیست

**ipry** · 92-11-3، 04:18 عصر

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

**setarehh** · 92-11-3، 07:04 عصر

(92-11-3، 04:18 عصر)ipry نوشته است: ممکنه ای دی رو دوبار تکرار کرده باشد
کد من رو ویرایش کنید و توی قالب استفاده کنید..

همه رو چک کردم درسته، خیلی فوریه
اگه راهنمایی دیگه ای به نظرتون میرسه بگین
ممنونم

**ipry** · 92-11-3، 07:24 عصر

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

ورود
نام کاربری:
گذرواژه‌:	گذرواژه‌تان را فراموش کرده‌اید؟
	مرا به خاطر بسپار

بک لینک