Autor Zpráva
kikinet
Profil
Ahoj, mám 2 problémy:
1) Nejde mi hodit patičku vždy dolů (teď je tak někde uprostřed). Zkoušela jsem zkopírovat přesně Plaváčkův postup a ani tak nic. Možná jsem něco přehlídla, nevím, ale na nic už nemůžu přijít.
2) Mám 2 bloky #leftMenuContainer a #contentContainer. Ale při různém obsahu nikdy není výška obou stejná, což fakt nevypadá dobře.

Tady je kód a stylopis:
  html, body {
  height: 100%;
} 
  body>#container {
 height: auto;
 }
 
*|html[xmlns*=""]  #container { 
   display: table;
     height: 100%;
}  
  body {
  background-color: gray;
  background-image: url(grafika/body.gif);
  font-family: "Century Gothic", Tahoma;
  font-size: 14px;
  line-height: 1.5;
}
      #header {
  position: absolute;
  margin-left: 10px;
  width: 965px;
  height: 155px;
  background-color: rgba(0,0,0,0.5);
}
      #topMenuContainer {
  position: absolute;
  width: 280px;
  margin: 10px 10px 0px 670px;
  height: 30px;
  border: 0px;
  text-align: right;
  font-weight: bold;
}
      #mainMenuContainer {
  position: absolute;
  width: 965px;
  margin: 155px 5px 0px 10px;
  height: 40px;
  border: 0px;
  background-color: rgba(0,0,0,0.5);
  text-align: center;
  line-height: 40px;
  z-index: 2;
}
      #contentContainer {
  position: absolute;
  width: 760px;
  margin: 205px 0px 110px 210px;
  background-repeat: repeat-y;
  background-color: white;
  border: 0px;
  min-height: 100%;
  z-index: 1;
}
      #leftMenuContainer {
  position: absolute;
  width: 190px;
  margin: 205px 0px 110px 15px;
  background-repeat: repeat-y;
  background-color: white;
  border: 0px;
  min-height: 100%;
  padding-top: 12px;
}
      #footer {
  position: absolute;
  background-color: rgba(0,0,0,0.5);           
  width: 967px;
  bottom: 0px;
  right: 14px;
  left: 6px;
  height: 100px;
  text-align: center;
  overflow: hidden;
}
      #container {
  position: relative;
  width: 980px;
  margin: 0 auto;
  min-height: 100%;
  height: 100%;
  }
<body>
    <div id="container">
      <div id="header">
        <div id="topMenuContainer"> 
        </div> 
      </div>
      <div id="mainMenuContainer">
      </div>
      <div id="contentContainer">
        <div class="marginContent"> 
        </div>
      </div>
      <div id="leftMenuContainer"> 
      </div>
      <div id="footer">
        Copyright 
      </div>
    </div>
  </body>



Když obalím ty dva bloky do jiného bloku tak bude jednodušší nastavit jim stejnou výšku?
Davex
Profil
Kombinace s pozicováním fungovat nebude, protože absolutně pozicované bloky jsou vyjmuty z toku dokumentu a #container je bez obsahu podle kterého by se mohla výška natahovat. Vnořené bloky nepozicuj, ale rozplavej.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: