[ Príspevkov: 9 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 27.11.06
Prihlásený: 23.02.22
Príspevky: 157
Témy: 40 | 40
Bydlisko: Kosice
NapísalOffline : 02.01.2010 11:44 | rozlozenie stranky pomocou div

Ahojte, este len zacinam s tvorbou stranok a uz mam aj prvy problem, na ktory sa mi riesenie nepodarilo najst. Tak vas prosim o pomoc.

Ide o to, ze na stranke maju byt v strede 3 stlpce...vlavo menu, v strede obsah a vpravo nejake odkazy. Vysku toho menu ani obsahu neviem, cize sa ma prisposobovat. Ak pouzijem float:left, tak su sice vsetky tri divy vedla seba, ale div, ktory ich vsetky obsahuje a zaroven tvori aj pozadie, sa neprisposobi obsahu tych troch (obsah preteka). Ak pouzijem relativne poziciovanie, tak zasa neviem urcit vysku toho prveho a druheho a teda nemozem minusovo poziciovat tie dalsie dva. Absolutne poziciovanie tiez sposobi ze obsah preteka. Ako teda dosiahnut tie tri vedla seba, ak nechcem pouzit tabulku? S tabulkou to ide celkom pekne....

no a layout je asi takyto:

<div id="vrch">
menu
</div>

<div id="header">
header s nazvom stranky
</div>

<div id="strednacast">

<div id="vlavo">
lavy stlpec
</div>

<div id="obsah">
obsah
</div>

<div id="vpravo">
pravy stlpec
</div>

</div>



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


Offline

Čestný člen
Čestný člen
rozlozenie stranky pomocou div

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5403
Témy: 30 | 30
Bydlisko: Bratislava
NapísalOffline : 02.01.2010 11:57 | rozlozenie stranky pomocou div

Ten div, ktorý ich obaľuje sa im neprispôsobí, práve kvôli float-ovaniu. Stačí ti tesne pred ukončovaciu značku obaľovacieho divu dať nejaký tag, ktorý bude mať v štýloch clear: left, prípadne clear: both.

Ja používam niečo takéto (niektorí používajú tag hr, ale tam som mal problém s rozdielnym zobrazením v rôznych prehliadačoch):

do css:
Kód:
.cleaner {
   clear:both;
   height:1px;
   line-height: 1px;
   font-size: 1px;
   margin: 0;
   padding:0;
   visibility: hidden;
}


a tvoj kód bude vyzerať nasledovne:
Kód:
<div id="strednacast">

<div id="vlavo">
lavy stlpec
</div>

<div id="obsah">
obsah
</div>

<div id="vpravo">
pravy stlpec
</div>

<div class="cleaner"></div>

</div>


+ nabudúce dávaj ukážky do code.


_________________
Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme.
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.09.09
Prihlásený: 03.08.10
Príspevky: 229
Témy: 43 | 43
NapísalOffline : 02.01.2010 12:01 | rozlozenie stranky pomocou div

Ja by som to riesil nejak takto:

Nech sirka tych dvoch menu je napr. 200px... a sirka obsahu 700px...
Ten div stredna cast by som odstranil a do css daj toto:

Kód:
#obsah {
   padding-right: 200px;
   padding-left: 200px;
   width: 700px;
}

#lavy stlpec {
   width: 200px;
   float: left;
}

#pravy stlpec {
   width: 200px;
   float: right;
}


...a kebyze chces aby sa sirka obsahu prisposobovala rozliseniu, tak pouzi percenta (napr. 70%). No a posledna vec, ak chces aby bola cela stranka vycentrovana na stred, vytvor si tabulku s jednym stlpcom a jednym riadkom, tam vloz cely kod tych divov a tabulku zarovnaj na stred. (Je to naspolahlivejsie riesenie, pre kazdy prehliadac).

Kod:
Kód:
<table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
.............
....
.............
    </td>
  </tr>
</table>


No a co si spominal to pozadie tak ho nastav ako pozadie tej tabulky...
To je moj nazor


Offline

Skúsený užívateľ
Skúsený užívateľ
rozlozenie stranky pomocou div

Registrovaný: 29.10.07
Prihlásený: 27.10.23
Príspevky: 1395
Témy: 30 | 30
Bydlisko: Bratislava
NapísalOffline : 02.01.2010 12:03 | rozlozenie stranky pomocou div

utfg http://www.pixy.cz/blogg/clanky/css-3col-layout/

DARSON: ak by si cital poriadne, vsimol by si si ze on NECHCEL pouzit tabulku


_________________
PC: OS: Windows 11 (64bit) CPU: AMD Ryzen 5 3600 GPU: ASUS TUF RTX3060Ti 8GB RAM: 16GB DDR4-3200MHz Kingston Fury MB: ASUS TUF Gaming B550M WIFI SSD: 1000GB PCIe M.2 NVME
Mobil: Xiaomi POCO F2 PRO
Offline

Užívateľ
Užívateľ
rozlozenie stranky pomocou div

Registrovaný: 03.04.08
Prihlásený: 10.12.19
Príspevky: 4667
Témy: 37 | 37
Bydlisko: Trnava
NapísalOffline : 02.01.2010 12:05 | rozlozenie stranky pomocou div

Darson tabulky su na tabulkove data, neplet ho pouzivani zastaralich technik.
Tak ako napisal shaggy, pouzit cleaner a je po probleme ..


_________________
Hmmm .... Hrošíček ... [Homer]
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 27.11.06
Prihlásený: 23.02.22
Príspevky: 157
Témy: 40 | 40
Bydlisko: Kosice
Napísal autor témyOffline : 02.01.2010 12:08 | rozlozenie stranky pomocou div

dakujem krasne, to s tym clean:both sme skusali, ale zjavne nespravne, teraz to uz funguje, dakujem krasne


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 12.11.08
Prihlásený: 16.05.24
Príspevky: 125
Témy: 30 | 30
NapísalOffline : 21.12.2010 18:31 | rozlozenie stranky pomocou div

mam podobny problem. rozlozenie stranky potrebujem v podstate take iste ako --> http://www.pixy.cz/blogg/clanky/css-3col-layout/ . neviem, kde je problem, ale aj ked zdrojovy kod do pismena skopirujem a pustim si to u seba, nepredlzuju sa mi tie 3 stredne stlpce (lave, prave menu a obsah) v zavislosti na dlzke najdlhsieho stlpca - vzdy su dlhe podla ich obsahu. kde moze byt chyba ?


Offline

Čestný člen
Čestný člen
rozlozenie stranky pomocou div

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno
NapísalOffline : 21.12.2010 18:34 | rozlozenie stranky pomocou div

Ukaz.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 12.11.08
Prihlásený: 16.05.24
Príspevky: 125
Témy: 30 | 30
NapísalOffline : 21.12.2010 20:03 | rozlozenie stranky pomocou div

uz je vsetko OK, nevsimol som si poriadne, ako je to riesene .. myslel som si, ze vsetky tie 3 <DIV>y sa predlzuju navzajom v zavislosti od velkosti obsahu v najdlhsom. lenze oni vsetky 3 su v jednom vacsom <DIV>e, ktory sa vlastne zvacsuje a kopiruje pozadie do toho laveho a praveho menu a tym vyvolava dojem, ze sa zvacsuju priamo tie <DIV>y. ked som sa potom snazil menit pozadie, robilo mi to bordel --> http://img543.imageshack.us/img543/1875/56002447.jpg


 [ Príspevkov: 9 ] 


rozlozenie stranky pomocou div



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Rozloženie stránky

v Frontend

2

796

20.09.2011 13:42

TheRay

V tomto fóre nie sú ďalšie neprečítané témy.

Vytvorenie DIV-u pomocou JS

v Frontend

2

771

16.09.2007 19:29

Bananslovak

V tomto fóre nie sú ďalšie neprečítané témy.

Tvorba webu pomocou div a css

v Frontend

24

1676

05.07.2010 21:57

camo

V tomto fóre nie sú ďalšie neprečítané témy.

Presmerovanie stránky pomocou .htaccess

v Ostatné

4

926

21.05.2011 19:07

blazej44800

V tomto fóre nie sú ďalšie neprečítané témy.

Reload stránky pomocou jquery alebo ajax-u

v Frontend

6

560

28.12.2010 14:23

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

Ako prinútiť jeden div, aby sa ovládal cez druhý div

v Frontend

14

752

22.04.2014 9:45

Mego

V tomto fóre nie sú ďalšie neprečítané témy.

načo slúžia tagy <div id="all"> a <div

v Frontend

3

1117

06.10.2008 17:50

neutronmind

V tomto fóre nie sú ďalšie neprečítané témy.

Rozloženie obrázkov

v Frontend

3

548

29.04.2016 19:07

Pavolbablik

V tomto fóre nie sú ďalšie neprečítané témy.

Rozlozenie HTML

v Frontend

3

670

10.05.2009 17:51

neutronmind

V tomto fóre nie sú ďalšie neprečítané témy.

Rozlozenie webu

v Frontend

1

813

23.11.2010 21:08

pa3ick

V tomto fóre nie sú ďalšie neprečítané témy.

HDD-rozlozenie kapacity

v Pevné disky a radiče

3

488

29.12.2011 20:24

shiro

V tomto fóre nie sú ďalšie neprečítané témy.

Optimálne rozloženie partícií

v Unix-like systémy

3

602

27.04.2009 14:26

jararak

V tomto fóre nie sú ďalšie neprečítané témy.

Slovenske rozlozenie klavesnice chyba

v Windows

0

401

16.02.2012 9:07

Murdok

V tomto fóre nie sú ďalšie neprečítané témy.

PowerPoint 2003 - vlastné rozloženie

v Ostatné programy

0

546

25.01.2012 18:59

luboss8

V tomto fóre nie sú ďalšie neprečítané témy.

aké je lepšie rozloženie ram?

v Pamäte

5

588

31.10.2011 20:24

HGDS1

V tomto fóre nie sú ďalšie neprečítané témy.

woocommerce rozličné rozloženie kategórii produkov

v Backend

1

482

22.02.2017 22:06

trenavar



© 2005 - 2026 PCforum, edited by JanoF