| Autor | Zpráva | ||
|---|---|---|---|
| W4S3K Profil |
Zdravím všechny s prosbou o pomoc. Nejdříve přikládám styl a obrázek, aby hned bylo jasné, o co mi jde.
<style> * {-moz-box-sizing: border-box; box-sizing: border-box;}
body {
background:url('img/background.jpg');
text-align:center;
height:100%;
margin-top:0px;
}
.stranka {
position:relative;
width:844px;
heght:100%;
text-align:left;
margin:auto;
border-style:solid;
border-color:pink;
border-width:1px;
}
.header {
height:182px;
border-style:solid;
border-color:red;
border-width:1px;
}
.telo {
float:left;
width:638px;
height:600px;
border-style:solid;
border-color:blue;
border-width:1px;
}
.vyber {
posistion:relative;
left:49px;
float:right;
width:157px;
height:600px;
border-style:solid;
border-color:green;
border-width:1px;
}
.paticka1 {
position:relative;
top:0px;
height:131px;
width:100%
background:url('img/down.png');
border-style:solid;
border-color:black;
border-width:1px;
}
</style>Jde mi o to,aby uplně dolní div (patička) se umisťoval, podle obsahu nadním ať jsem pozicoval absolutně či relativně vždy mi to jelo od shora, takže jsem jedině mohl nastavit přes top, nějakou pevnou pozici,ale já to potřebuju mít pohyblivý předem děkuju za i menší radu, css se teprve učím,ale vždy se nějak zaseknu :-) Moderátor Str4wberry: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na
 ). |
||
| W4S3K Profil |
#2 · Zasláno: 14. 5. 2010, 20:30:15
Jen bych ještě dodal, že chyba asi bude, tím že "stranka" se neobshauje všechny 3 divy (hlavička, první a druhý div), ale jen hlavičku, od který se mi pak počíta relativní pozice paty... jenže potřebuju aby končila až pod divami dole.
|
||
| Str4wberry Profil |
#3 · Zasláno: 14. 5. 2010, 21:39:14
http://dl.dropbox.com/u/3370251/pozice.html
Pokud mají ty sloupce být stejně vysoké, tak zkus hledat. |
||
| Akali Profil |
#4 · Zasláno: 15. 5. 2010, 19:53:27 · Upravil/a: Akali
Nevím, co přesně chceš. Pokud chceš aby se patička zobrazovala na spodní části stránky (podle výšky obrazovky) tak koukni na tohle http://klient.plavacek.net/paticka/paticka.zip
Pokud chceš nalepit patičku na spodní část obrazovky aby tam jezidla podle pozice obrazovky tak použij position: fixed.. Uprav-> .vyber {
posistion:relative;
Nemá tady být position místo posiStion? .stranka {
position:relative;
width:844px;
heght:100%;Tady má být pro změnu height:100%; |
||
| W4S3K Profil |
#5 · Zasláno: 16. 5. 2010, 18:56:50
díky, už jsem to s pomocí str4wberryho vyřešil
jen bych se ještě zeptal... dolní patička potřebuju mít širokou "přes celou obrazovku"... ale po levý a pravý straně (v IE i zezdola :p) mám mezeru,kterou tam mít nemůžu Neveděl by si někdo rady? |
||
| panther Profil |
#6 · Zasláno: 16. 5. 2010, 20:12:09
W4S3K:
máš tam někde nějaký margin/padding, bez odkazu těžko soudit. Akali: „Pokud chceš nalepit patičku na spodní část obrazovky aby tam jezidla podle pozice obrazovky tak použij position: fixed..“ to moc dobrý nápad není, to by patička překrývala obsah. W4S3K: „ať jsem pozicoval absolutně či relativně [...]“ aspoň vidíš, že pozicování má spoustu nevýhod, pokud s ním neumíš pracovat. A třeba zjistíš, že pozicování pro tebe není to vhodné na stavbu layoutu :-) |
||
| W4S3K Profil |
#7 · Zasláno: 16. 5. 2010, 20:32:13
panther:
<style>
* {-moz-box-sizing: border-box; box-sizing: border-box;}
body {
background:url('img/background.jpg');
text-align:center;
height:100%;
margin-top:0px;
}
.stranka {
width:844px;
text-align:left;
margin:auto;
overflow:hidden;
}
.header {
height:182px;
}
.telo {
float:left;
width:638px;
}
.vyber {
float:right;
width:157px;
}
.paticka1 {
height:131px;
background-image:url('img/down.png');
}
.paticka2 {
width:844px;
height:131px;
text-align:left;
margin:auto;
}
</style>( patička 2 je vloženej do div do problemovýho divu patička 1,který se mi nechce uplně roztáhnout ) |
||
| panther Profil |
#8 · Zasláno: 16. 5. 2010, 20:35:08
W4S3K:
nechtěl jsem po tobě dalších 50 řádků. Napsal jsem to snad jasně, ne? „Máš tam někde nějaký margin/padding, bez odkazu těžko soudit“. |
||
| Str4wberry Profil |
#9 · Zasláno: 16. 5. 2010, 20:41:08
Stačí vynulovat margin/padding pro html i body a je klid.
http://dl.dropbox.com/u/3370251/pozice.html |
||
|
Časová prodleva: 15 let
|
|||
0