Autor Zpráva
mantisa
Profil
#1 · Zasláno: 18. 5. 2007, 01:11:18 · Upravil/a: mantisa
Odpovědět Citovat
ahoj, v některých případech nejde použít Plaváčkovo řešení, nevím však proč...?
například mám toto:

<body>
<div id="page">

<div id="pod">

<div id="head"></div>

<div id="menu">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>

</div>

<div id="povidani">
<p>bla bla</p>
</div>

<p id="info"><a href="">ahoj</a></p>

<div id="footer">ahoj</div>

</div>
</body>


* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%
}

body {
height: 100%;
background-color: #add37b;
background-image: url(img/pozadi.gif);
background-repeat: repeat-x;
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}

#page {
position: relative;
width: 100%;
margin: 0 auto;
height: auto;
min-height: 100%;
_height: 100%;
}

#pod {
position: relative;
width: 994px;
height: 222px;
margin: 0 auto;
}

#head {
width: 539px;
height: 222px;
position: absolute;
top: 0;
left: 70px;
background: url('img/hlavicka.gif') no-repeat 0 0;
}

#menu {
position: absolute;
background-color: #000066;
background-image: url('img/menu.gif');
background-repeat: no-repeat;
width: 164px;
height: 520px;
top: 0px;
right: 100px;
}

#povidani {
width: 60%;
margin: 30px auto 0 auto;
}
#info {
text-align: center;
padding: 7px 0 7px 0;
font-size: 0.9em;
}

#footer {
position: relative;
width: 100%;
height: 120px;
bottom: 0;
left: 0;
background-color: #3c5900;
}


Je to y jednoho desugnu, ktery jsem delal, paticka (footer) se vsak zobrazuje pouze nadne okna prohlizece a klidne prekryje text, jsem si vedom vetsi slozitosti kodu, ale byl bych vam moc vdecen, kdybyste mi poradili, usetrilo by mi to hodne starosti, prosim..

diky moc
Plaváček
Profil
#2 · Zasláno: 18. 5. 2007, 06:59:52
Odpovědět Citovat
mantisa

Možná je to tím, že sis mé řešení špatně přečetl. Patička (v tvém případě #footer) musí být v nadřazeném bloku uchycena absolutně (nikoli relativně, jak máš teď):

#footer {
position: absolute;
width: 100%;
height: 120px;
bottom: 0;
left: 0;
background-color: #3c5900;
}


A neměl bys mít žádný problém.
Railbot
Profil
#3 · Zasláno: 18. 5. 2007, 07:34:45
Odpovědět Citovat
mantisa
A to nabízíš tvorbu stránek za peníze? Chm :)
yderf
Profil
#4 · Zasláno: 18. 5. 2007, 10:24:02
Odpovědět Citovat
mantisa

alternatívne riešenie (založené na zápornych marginoch)
mantisa
Profil
#5 · Zasláno: 18. 5. 2007, 11:20:15 · Upravil/a: mantisa
Odpovědět Citovat
Plaváček

ahoj, tak to se omlouvám, ale i při position absolute patička skočí jen na dno okna, ne obsahu

Railbot

ano, tohle je právě asi jediná věc, kterou nedokáži pořádně obejít, ale většinou si poradím nějakou obezličkou, tohle mě zajímá z osobního hlediska, a další nevím právě proč nefunguje, když jsem přesně udělal za pomoci Plaváčkova řešení

yderf
díky, mrknu se
tiso
Profil
#6 · Zasláno: 18. 5. 2007, 11:43:58
Odpovědět Citovat
mantisa - naštuduj si niečo o tom ako funguje poziciovanie prvkov a potom obviňuj Plaváčka že Ti niečo nejde... Tvoj kód totiž nezodpovedá tomu návodu, máš sa ešte veľa čo učiť... Tým ťa nechdem zhodiť ani nič, len konštatujem skutočnosť.
mantisa
Profil
#7 · Zasláno: 18. 5. 2007, 11:50:00 · Upravil/a: mantisa
Odpovědět Citovat
tiso
nechtěl jsem Plaváčka obvinit, to v žádném případě, vím, že je chyba někde u mě, ale nevím právě kde, ať hledám jak hledám

každopádně, dělá mi to http://members.chello.cz/mzf/testy/paticka-text.html akorát tam nemám žádné plavající prvky

tak jsem problém rozlouskl nakonec, jelikož se vlastně patička vyjme z toku dokumentu, je nutno "hornějšímu" bloku nastavit příslušný padding-bottom.. (snad se někomu bude hodit)

děkuji za snahu
Plaváček
Profil
#8 · Zasláno: 18. 5. 2007, 11:59:25
Odpovědět Citovat
mantisa

je nutno "hornějšímu" bloku nastavit příslušný padding-bottom..

No však se to také v mém návodu píše, nebo ne? :)
mantisa
Profil
#9 · Zasláno: 18. 5. 2007, 12:01:17
Odpovědět Citovat
Plaváček
ano, píše, však proti návodu nic nemám a nic jsem neměl, a dokonce jsem to i četl, akorát nakonec nedoplnil :-)

děkuji za rady a omlouvám se za zmatky
tiso
Profil
#10 · Zasláno: 18. 5. 2007, 12:39:05
Odpovědět Citovat
mantisa - ešte sa hodí dodať že po floatovaných prvkoch treba mať clearovací prvok, to je problém to je ďalší problém prečo Ti to niekde nepôjde...
mantisa
Profil
#11 · Zasláno: 18. 5. 2007, 15:17:16
Odpovědět Citovat
tiso
jj, to je/byl právě problém odkazu, který jsem posílal
Časová prodleva: 16 dní
rhintin
Profil *
#12 · Zasláno: 3. 6. 2007, 21:10:09
Odpovědět Citovat
oco dat tam z-index:num;
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0