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>
a obrázek http://yfrog.com/j8cssproblemp

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
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
http://dl.dropbox.com/u/3370251/pozice.html

Pokud mají ty sloupce být stejně vysoké, tak zkus hledat.
Akali
Profil
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
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
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
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
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
Stačí vynulovat margin/padding pro html i body a je klid.

http://dl.dropbox.com/u/3370251/pozice.html

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0