| Autor | Zpráva | ||
|---|---|---|---|
| kikinet Profil |
#1 · Zasláno: 3. 11. 2012, 13:28:57 · Upravil/a: kikinet
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.
|
||
|
Časová prodleva: 11 let
|
|||
0