ugrás a tartalomhoz

DIV segítség kellene

raczger · 2007. Már. 13. (K), 22.08
Hello!

A divekkel szórakoztam, de még sokminden nem megy, ezért nem tudtam őket úgy pozicionálni ahogy nekem jó lenne, konkrétan egy ilyesmi oldalt szeretnék:
csak úgy kéne ezt, hogy relative divekkel, mert minden egyes ilyen színű vminek van egy alsó, felső és alsó része, tehát 3dives amit egy színen láttok, és úgy kellene, hogyha változik egyiknak a magassága, dinamikusan a többinek is
többféleképpen is megpróbáltam, de minig zsákutca volt a vége:( pls help
‹ Függőleges background repeat csak akkor megy, ha height is van Explorerben három képpont magas div, képpel ›
 ■
1

kép:)

raczger · 2007. Már. 13. (K), 22.09
http://kepfeltoltes.hu/070313/valami_www.kepfeltoltes.hu_.jpg
2

ez az?

hpista · 2007. Már. 16. (P), 21.18
Nem tudom így gondoltad-e?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <title> DIV probléma </title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="Generator" content="HMSWEB">
    <meta name="Author" content="Hegedűs István">
    <style type="text/css">
      div.keret {
        width:800px;
        min-height:445px;
        background:yellow;
      }
      div.fej {
        width:800px;
        height:70px;
        background:#800040;
      }
      div.oldalt_keret {
        width:100px;
        min-height:370px;
        float:left;
        background:#99FFFF;
      }
      div.oldalt_1 {
        width:100px;
        min-height:120px;
        background:#999933;
        margin-top:5px;
      }
      div.oldalt_2 {
        width:100px;
        min-height:120px;
        background:#0099FF;
        margin-top:5px;
      }
      div.oldalt_3 {
        width:100px;
        min-height:120px;
        background:#804040;
        margin-top:5px;
      }
      div.kozep {
        position:relative;
        width:695px;
        min-height:370px;
        background:#C0C0C0;
        margin-left:105px;
        margin-top:5px;
      }
    </style>
    <!--[if IE]>
      <style type="text/css">
        div.kozep {
          margin-left:102px;
        }
        div.oldalt_1 {
          height:120px;
        }
        div.oldalt_2 {
          height:120px;
        }
        div.oldalt_3 {
          height:120px;
        }
      </style>
    <![endif]-->

    <script language="JavaScript" type="text/javascript">
    <!--
      function magassag() {
        var aktual_magas = document.getElementById("0").clientHeight;
        var fejlec_magassag = document.getElementById("3").clientHeight;
                        
        document.getElementById("2").style.height = aktual_magas + fejlec_magassag;
        document.getElementById("1").style.height = aktual_magas - 5; // az 5 a középső elem margin-top értéke
      }      
    //-->
    </script>
  </head>

  <body onLoad="magassag()">
   <div class="keret" id="2">
    <div class="fej" id="3"></div>
    <div class="oldalt_keret" id="0">
      <div class="oldalt_1"></div>
      <div class="oldalt_2">A divekkel szórakoztam, de még sokminden nem megy, ezért nem tudtam őket úgy pozicionálni ahogy nekem jó lenne, konkrétan egy ilyesmi oldalt szeretnék: csak úgy kéne ezt, hogy relative divekkel, A divekkel szórakoztam, de még sokminden nem megy, ezért nem tudtam őket úgy pozicionálni ahogy nekem jó lenne, konkrétan egy ilyesmi oldalt szeretnék: csak úgy kéne ezt, hogy relative divekkel,</div>
      <div class="oldalt_3"></div>
    </div>
    <div class="kozep" id="1"></div>
  </div>
  </body>
</html>