Autor Zpráva
sir_lamoid
Profil
Dobrý den,
tak jsem tu zase s dotazem.
Stránky jsou k nakouknutí na ZDE
Mám kód:
* {
    padding: 0;
    margin: 0;
}
body {
    background-image: url("images/h.jpg");
    background-repeat: repeat;
    background-position: top left;
}
#menu {
    width: 251px;
    height: auto;
    margin: 0px;
    padding: 0px;
}
#body {
    background: url(images/body.png);
    display: block;
    z-index: 1;
    width: 251px;
    height: 201px;
    margin: 0;
    padding: 0;
}
#hlavnistranka {
    background: url(images/domu.png);
    display: block;
    z-index: 1;
    width: 251px;
    height: 18px;
    margin: 0;
    padding: 0;
}
#omne {
    background: url(images/omne.png);
    display: block;
    z-index: 1;
    width: 251px;
    height: 24px;
    margin: 0;
    padding: 0;
}
#fotogalerie {
    background: url(images/foto.png);
    display: block;
    z-index: 1;
    width: 251px;
    height: 23px;
    margin: 0;
    padding: 0;
}
#reference {
    background: url(images/refer.png);
    display: block;
    z-index: 1;
    width: 251px;
    height:  24px;
    margin: 0;
    padding: 0;
}
#oprojektu {
    background: url(images/oprojektu.png);
    display: block;
    z-index: 1;
    width: 251px;
    height: 35px;
    margin: 0;
    padding: 0;
}
#bodydole {
    background: url(images/bodydolu.png);
    display: block;
    z-index: 1;
    width: 251px;
    height: 352px;
    margin: 0;
    padding: 0;
}
* span {
    display: none;
}
#obsah {
    width: 60%;
    min-height: 50%;
    position: absolute;
    top: 150px;
    left: 255px;
    background-color: #f9e65e;
    color: black;
    font-family: fantasy;
    padding-right: 52px;
    padding-left: 25px;
    padding-top: 25px;
    padding-bottom: 30px;
    background-image: url(images/rozek.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
a stránku

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">
<link href="css/style.css" rel="stylesheet" type="text/css">
    <title>Hlavní stránka</title>
</head>

<body>
<div id="kontejner">
<div id="hlavicka"><!-- zde bude hlavička --></div>
<div id="menu">
<span id="body"></span>
<a href="index.html" id="hlavnistranka"><span>Hlavní stránka</span></a>
<a href="omne.html" id="omne"><span>O mně</span></a>
<a href="foto.html" id="fotogalerie"><span>Fotogalerie</span></a>
<a href="reference.html" id="reference"><span>Reference</span></a>
<a href="oprojektu.html" id="oprojektu"><span>O projektu</span></a>
<span id="bodydole"></span>
</div>
<div id="obsah">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut malesuada faucibus mollis. Aenean neque erat, scelerisque lobortis ornare sit amet, dictum quis sem. Donec dapibus consequat mi quis condimentum. Integer dolor nulla, ullamcorper et condimentum a, vehicula a diam. Etiam consectetur velit sit amet turpis suscipit vulputate. Ut et neque a nulla porttitor auctor sed et leo. Suspendisse potenti. Fusce aliquam lobortis leo, eleifend tincidunt massa mollis at. Mauris ultrices, felis ut ultrices iaculis, leo nulla aliquet leo, at ullamcorper nisi sem vel leo. Mauris sem mauris, consectetur id eleifend et, lacinia eu lacus. Suspendisse potenti. Donec venenatis volutpat eleifend. Nullam et congue ligula. Nunc ut leo ac nulla placerat pharetra. Aliquam quis nisi sed ipsum rhoncus sagittis vitae sit amet lectus.
</div>
</div>
<div id="paticka"><!-- zde bude paticka, odkazy... --></div>

</body>
</html>

Potřebuji aby div patička byla odsunována až dolů pod obsah ... prostě ať se odsunuje.
Nákres:

bude přes celou šířku obrazovky a asi 100px vysoká

Přemýšlel jsem o plavání (float) místo absolutního pozicování

Prosím pomozte.
Davex
Profil
Nemusí se nad tím moc přemýšlet. Nadpis tématu jsi vymyslel dobře. Stačí ho zadat do vyhledávače, který už nějaké hotové řešení najde. Třeba tohle Patička vždy dole.

I když v tvém případě by možná stačilo použít místo absolutního pozicování plavání a patičce nastavit vlastnost clear.
sir_lamoid
Profil
Nad tím jsem právě přemýšlel :D avšak poté co jsem to nastavil na to plavání my ta patička překrývala ten obsah a neosunovala se.... div patička byl v kontejneru s ostatníma... poté jsem to zkoušel i mimo kontejnér :D
Davex
Profil
sir_lamoid:
Obsah je absolutně pozicovaný, a jak je známo, tak absolutně pozicovaný blok je vyjmut z toku dokumentu a ostatní elementy se k němu chovají jakoby tam vůbec nebyl. Proto se patička zarovná hned pod menu. Menu a obsah rozplavej a nepozicuj, pak budeš moci použít clear u patičky.
sir_lamoid
Profil
To jsem samozřejmě rozplaval. :D
Menu jsem dal plavat left. To samé obsah. A patičku jsem dal clear: both

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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