zdravim. neporadil by mi nekdo, jak nastylovat css layout dle techto parametru:
*header nahore, roztazen po cele delce stranky
*[jedna side column(float left), vedle obsah(float right)] - oboje majici 100% height-(header.height+footer.height) !tady je ten problem, to se mi zatim nepovedlo udelat
*footer fixne dole
-----------------
html kod nejak takhle:
<body>
<div id="header">header</div>
<div id="left">left column</div><div id="right">content</div>
<div id="footer">footer</div>
</body>
diky
css layout
Moderátor: Mods_senior
-
CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: 20 srp 2008 14:02
- Bydliště: Brno
- Kontaktovat uživatele:
Re: css layout
header: width:100%;min-width:určíš počet pixelů-podle menu nejspíš
pak nechápu jakej column, ale float v CSS existuje, přispendlí prvek ke straně a je obtékán protější stranou, teda pro LEFT je obtékán zprava
footer je někde na netu napsanej jak mít dole, stačí ale position:relative
pak nechápu jakej column, ale float v CSS existuje, přispendlí prvek ke straně a je obtékán protější stranou, teda pro LEFT je obtékán zprava
footer je někde na netu napsanej jak mít dole, stačí ale position:relative
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: css layout
ten header a footer jsou vedlejsi prvky, ty jsem schopen udelat.
nejsem schopen udelat prostredek = leva kolonka a prava kolonka, vyplnujici plne prostor mezi headerem a footerem prispendlenym k vrchu
header
left column+right column(content)
footer
nejsem schopen udelat prostredek = leva kolonka a prava kolonka, vyplnujici plne prostor mezi headerem a footerem prispendlenym k vrchu
header
left column+right column(content)
footer
-
CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: 20 srp 2008 14:02
- Bydliště: Brno
- Kontaktovat uživatele:
Re: css layout
<div id="obsah">
<div id="leveMenu" style="float:left">vnrjenvjernjvker</div>
<div id="content">nějaký ten hyper text</div>
</div>
tohle jde? myslím že ten CONTENT se pak musí ještě nějak odsadit
ty chceš ten content zarovnat doprava?
<div id="leveMenu" style="float:left">vnrjenvjernjvker</div>
<div id="content">nějaký ten hyper text</div>
</div>
tohle jde? myslím že ten CONTENT se pak musí ještě nějak odsadit
ty chceš ten content zarovnat doprava?
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: css layout
ted jsem si to nechal vygenerovat z dreamweaveru:
http://www.podlipsky.net/files/index.php
akorat ted jeste potrebuji nejak vyladit, aby div class="sidebar1" mel 100% height
http://www.podlipsky.net/files/index.php
akorat ted jeste potrebuji nejak vyladit, aby div class="sidebar1" mel 100% height
-
Stene
- Level 6
- Příspěvky: 3124
- Registrován: 11 úno 2009 15:44
- Bydliště: Jihlava
- Kontaktovat uživatele:
Re: css layout
Já layouty čerpát zde. Napsal bych si je sice sám, ale tyhle jsou připravené pěkně a je to. Pak když se trochu vyznáš tak už jenom doplňuješ a za týden je web hotovej 