mám stejný problém jako tady, jenže s dvěma rozdíly:
1. Mám jinou šablonu
2. Nefunguje to řešení
Šablona
Kód: Vybrat vše
body
{
padding: 0px;
margin: 0px auto;
}
#obsah
{
width: 1036px;
margin: 0px auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 2px;
min-height: 660px;
border: 1px solid black;
}
#paticka
{
text-align: center;
width: 1000px;
margin: 0px auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 3px 3px 3px 3px;
}
#hlavni_obsah
{
border: 1px solid black;
position: relative;
float: left;
width: 880px;
text-align: left;
min-height: 100%;
}
#bocni_panel
{
border: 1px solid black;
position: relative;
float: left;
width: 140px;
text-align: left;
margin-right: 10px;
min-height: 100%;
}
Kód: Vybrat vše
<div id="hlavicka">
hlavička
</div>
<div id="obsah">
<div id="bocni_panel">
panel
</div>
<div id="hlavni_obsah">
nějaký text, který je hóooodně dlouhý
</div>
</div>
<div id="paticka">
patička
</div>
</body>
</html>
Víte někdo prosím, jak to vyřešit? Jak už jsem řekl řešení zhora nefunguje. Děkuji předem!
--- Doplnění předchozího příspěvku (22 Led 2015 20:00) ---
Tak už jsem to částečně vyřešil...
Pozadí se prodlužuje jak má, ale mám v obsahu "stopu" po bočním panelu...
Asi to bude tím floatem, ale ani za nic nemůžu přijít na to, jak to spravit... Víte prosím někdo, jak na to? Děkuji.
Kód:
Kód: Vybrat vše
#hlavni_obsah
{
border: 1px solid black;
position: relative;
top: 0px;
left: 150px;
width: 880px;
text-align: left;
}
#bocni_panel
{
border: 1px solid black;
position: relative;
float: left;
left: 0px;
width: 140px;
text-align: left;
margin-right: 10px;
min-height: 660px;
}