مشکل در طراحی با div

[iran-TEC]

سلام
من در طراحی قالب سایتم از یک div کلی استفاده می کنم تا background صفحه رو نمایش بده مقدار height رو هم auto گذاشتم در داخل این div از چندتا div دیگه هم استفاده کردم که مقدار height اونا رو کاملا مشخص کردم ولی در هنگان نمایش ارتفاع div کلی صفر میشه لطفا کمک کنید ؟

 

[echessdesign]

درود بر شما
لطفا سورس کد خود را قرا دهید.

 

[www.ahvazcity.net]

دوست من برای قرار دادن بگراند در خط اول css به این صورت عمل کنید

body{
margin:0 auto;
background-color:#f26522;
}

و در این قسمت می تونید یه دایو استفاده کنید .ومقدار height رو 100% بدید

 

[meysam-fathi]

به دی ای وی کلی طول و عرض 100 درصد بده

 

[mst_ab]

همچین چیزی امکان نداره ! مگر توی باز و بستن تگ ها مرتکب اشتباه شده باشید، چون اگر داخل یک div ای که براش ارتفاع تعیین نکردید ، یه div دیگه بذارید که ارتفاع داره ، ارتفاع اولی میشه بیشترین ارتفاع هر یک از div هایی که داخل اون هستن. شاید هم مشکل نگارشی در css دارید ، پیشنهاد می کنم ، سرس رو بذارید تا دوستان نگاهی بندازن.
موفق باشید

 

[echessdesign]

درود بر شما
شما باید در پایین Div فرزند، پیش از آنکه Div مادر پایان یافته باشد، DIV قرار دهید بدین شرح:

<div style="clear:both"></div>

 

[iran-TEC]

مشکل حل شد

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

     <script type="text/javascript"> 
  <!--
  function setHeight(windowHeight) {
   var contentHeight = document.getElementById('container').offsetHeight;
   if(windowHeight > contentHeight) {
      var contentStyle = document.getElementById('container');
      contentStyle.style.height = (windowHeight - 70) + 'px';
   }
     }
  function getWindowHeight() {
   var windowHeight = 0;
   if (typeof(window.innerHeight) == 'number') {
    windowHeight = window.innerHeight;
   }
   else {
    if (document.documentElement && document.documentElement.clientHeight) {
     windowHeight = document.documentElement.clientHeight;
    }
    else {
     if (document.body && document.body.clientHeight) {
      windowHeight = document.body.clientHeight;
     }
    }
   }
   return windowHeight;
  }
  function setFooter() {
   if (document.getElementById) {
    var windowHeight = getWindowHeight();
    setHeight(windowHeight);
    if (windowHeight > 0) {
     var contentHeight = document.getElementById('container').offsetHeight;
     var footerElement = document.getElementById('footer');
     var footerHeight  = footerElement.offsetHeight;
     if (windowHeight - (contentHeight + footerHeight) >= 0) {
      footerElement.style.position = 'relative';
      footerElement.style.top = (windowHeight - (contentHeight + footerHeight)) + 'px';
     }
     else {
      footerElement.style.position = 'static';
     }
    }
   }
  }
  window.onload = function() {
   setFooter();
  }
  window.onresize = function() {
   setFooter();
  }
     
  //-->
    </script>

که در این کد container محتوای سایت است و تگ footer قسمت انتهایی سایت است .