Autor Zpráva
Vikomt
Profil *
#1 · Zasláno: 2. 11. 2005, 12:31:33
Odpovědět Citovat
Potřeboval bych rozdělit stránku na 3 sloupečky tak, aby ten střední nikdy nepodtekl levý etc.

Našel jsem

<style>
#menu {width: 20%; float: left}
#hlavni {width: 78%; float: right}
</style>

a zkusil

<div style="float: left; width: 20%">VLEVO</div>
<div style="float: right; width: 10%">KONCOVÁ ČÁST</div>
<div style="float: right; width: 50%">STŘEDNÍ ČÁST</div>

nicméně když použiji tento krkolomný zápis, vesele se mi to podtéká... Neexistuje v CSS nějaké lepší řešení? Zatím mám stránku dělanou absolutním pozicováním, což bylo ve fóru dost kritizováno...
Leo
Profil
#2 · Zasláno: 2. 11. 2005, 14:41:05
Odpovědět Citovat
Podteka? Nevim, co to presne je (i kdyz slovo je to hezky), ale zkuste se kouknout na vlastnost clear (left, right, a nejcasteji both). Leo
gofry
Profil *
#3 · Zasláno: 3. 11. 2005, 20:56:53
Odpovědět Citovat
Strednemu stlpcu nastav css vlastnost "padding-left" na taku sirku, aku sirku ma lavy stlpec. Potom vsetko, co bude obsahovat stredny stlpec bude vzdialene od laveho okraja o sirku laveho stlpca a nebude ti teda "podtekat".
peta
Profil *
#4 · Zasláno: 3. 11. 2005, 22:47:53
Odpovědět Citovat
Vikomt
to taky musis umet spravne floatovat. Mi se to treba nestava tak casto s podtekanim...
//peter-mlich.wz.cz/x/jvl5b/
peta
Profil *
#5 · Zasláno: 3. 11. 2005, 22:48:23
Odpovědět Citovat
jo, 3 sloupce, ala
http://www.volny.cz/peter.mlich/www.htm#www60
bojars
Profil
#6 · Zasláno: 3. 11. 2005, 23:03:45
Odpovědět Citovat
Vikomt skús si prejsť krok za krokom tento tutoriál:

http://css.maxdesign.com.au/floatutorial/tutorial0901.htm
peta
Profil *
#7 · Zasláno: 4. 11. 2005, 09:08:57
Odpovědět Citovat
bojars
A IE mi to zobrazuje takhle:
http://peter-mlich.wz.cz/x/floatx.jpg
to asi neni nejlepsi priklad, ne?
bojars
Profil
#8 · Zasláno: 5. 11. 2005, 16:50:41 · Upravil/a: bojars
Odpovědět Citovat
A IE mi to zobrazuje takhle:
htt p://p eter-mlich. wz.cz/x/floatx.jpg
to asi neni nejlepsi priklad, ne?

peta a koľko návšetvníkov webu má šírku monitoru 570px???

Pardon opravujem sa: Pripočítal som ešte posuvník. V skutočnosti to máš na tom screenshote stiahnuté na šírku 470px.

IMHO: Nikdy by som si nedovolil zpochybňovať tutoriály od maxdesignu.

peta, pripájam sa k tým, ktorí majú ten názor, že niektoré Tvoje príspevky sú úplne zbytočné.
krteczek
Profil
#9 · Zasláno: 5. 11. 2005, 19:56:21
Odpovědět Citovat
http://www.krteczek.czweb.org/jpw/3/ zde je třísloupcový layout koukni se do kodu jak to je
krteczek
peta
Profil *
#10 · Zasláno: 6. 11. 2005, 19:14:12
Odpovědět Citovat
bojars
"peta, pripájam sa k tým, ktorí majú ten názor, že niektoré Tvoje príspevky sú úplne zbytočné."

:))))))))) Hodnot druhe podle sebe, neni to zbytecne, ten tvuj?

Co se tyce sirky, nesejde na tom, ze jsem zkousel extrem, spis jde o to, ze pokud si das napravo mirandu-icq, nalevo aktivujes bookmarks, coz je oboji oblibene, pak ti na sirku stranku moc nezbyde.
- A jestlize mu tam zkolabuje text pri sirce 400px
- nebo totez pri sirce 800px pri zvetseni pisma, to vyjde v podstate nastejno, nemyslis?

Jen rikam, procenta radeji nee, a kdyz, viz ramy, zapnout pretekani, overflow.
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0