Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 17 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 07.04.07
Prihlásený: 10.08.10
Príspevky: 171
Témy: 42
Bydlisko: Bratislava
Príspevok NapísalOffline : 17.08.2007 20:39

zaujimalo by ma ako sa pomocou CSS zarovnat layout na stred stranky ? Pretoze robim web pri rozliseni 1280x1024 je to na stred ale pri zmene rozlisenia sa web posuva do jednej strany. THx







_________________
Ten, kto sa pýta, je hlupákom päť minút; ten kto sa nepýta, zostáva hlupákom navždy.
Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 26.11.06
Prihlásený: 22.01.24
Príspevky: 4118
Témy: 319
Bydlisko: HE/BA
Príspevok NapísalOffline : 17.08.2007 20:42

no ja som sa to tu uz pytal a poradili mi margin a pre ie daj do "obalovaca" a nastav mu text-align: center ak ces tak potom nastav naspet tamtemu centrovanemu bloku na left lebo je to dedicne a ehmn mimochodom skus kuknut temu CSS: Center ja som sa pytal to iste :D

<OT> hehe vsimli ste si ze aj ja viem daco do css uz??? aspon trochu a uz som aj poradil hehe som na seba pysny :D</OT>


Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 07.04.07
Prihlásený: 10.08.10
Príspevky: 171
Témy: 42
Bydlisko: Bratislava
Príspevok Napísal autor témyOffline : 17.08.2007 20:45

aha uz vidim tu tvoju temu css center :D teraz ma vsetci spicuju ze zakladam novu temu zbytocne







_________________
Ten, kto sa pýta, je hlupákom päť minút; ten kto sa nepýta, zostáva hlupákom navždy.
Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 07.04.07
Prihlásený: 10.08.10
Príspevky: 171
Témy: 42
Bydlisko: Bratislava
Príspevok Napísal autor témyOffline : 17.08.2007 20:46

Ale aj tak si myslim ze vecsina ludi dnes pouziva rozlisenie 1280na1024, alebo dalsim riesenim je spravit web dvakrat pre dve rozlisenia







_________________
Ten, kto sa pýta, je hlupákom päť minút; ten kto sa nepýta, zostáva hlupákom navždy.
Offline

Čestný člen
Čestný člen
CSS : Zarovnanie na stred

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5404
Témy: 30
Bydlisko: Bratislava
Príspevok NapísalOffline : 17.08.2007 21:15

No, pre body nastav atribut text-align: center (to kvôli IE) a potom tomu hlavnému DIVu, v ktorom bude celý obsah daj margin: 0 auto; a bude to stále v strede ;)


Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 26.11.06
Prihlásený: 22.01.24
Príspevky: 4118
Témy: 319
Bydlisko: HE/BA
Príspevok NapísalOffline : 17.08.2007 22:49

je sica pravda ze to bude v strede iba horizontálne ale neva na vertikálne je dobre dat okolo 9.5% cize margin: 9.5% auto;


Offline

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

Registrovaný: 17.08.07
Prihlásený: 20.08.07
Príspevky: 24
Témy: 0
Príspevok NapísalOffline : 18.08.2007 0:20

Drako píše:
je sica pravda ze to bude v strede iba horizontálne ale neva na vertikálne je dobre dat okolo 9.5% cize margin: 9.5% auto;

:lol: sry za spam ale toto bolo dobre :-D , toto isto pouzijem ked budem chciet zarovnat stranku na stred VERTIKALNE ;) dik za supr radu, sak aj vidim ako to mas na tom tvojom webdizajne super v strede, fakt super , ty disgrafik


Offline

Čestný člen
Čestný člen
CSS : Zarovnanie na stred

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5404
Témy: 30
Bydlisko: Bratislava
Príspevok NapísalOffline : 18.08.2007 0:34

Fúú, tak to dopadne keď radí človek, ktorý sám neovláda CSS. Ja viem, že som mu poradil iba horizontálne zarovnanie na stred, ale viac by ma zaujímalo ako si prišiel na 9.5% - je na to nejaký matematický vzorec?
Čisto teoreticky, mám viditeľných napr. 500px na monitore, hlavný DIV má 490px, takže keď dám horný okraj 9.5% tak mi to zarovná... nie na stred :P
Zarovnanie na stred vertikálne je trošku zložitejšie.

Na svojej prvej stránke, kde som prvý krát použil CSS pozicovanie som to vyriešil tak, že hlavný DIV, v ktorom bol celý ten obsah čo som chcel zarovnať vertikálne na stred mal takýto style:

Kód:
#div {
  position: absolute;
  width: 600px;
  height: 400px;
  top: 50%;
  margin-top: -200px;
  ...
}


dúfam, že ste to pochopili (či je aj iné riešenie, neviem. odvtedy som vertikálne centrovanie celej stránky nepoužil)


Offline

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

Registrovaný: 17.08.07
Prihlásený: 20.08.07
Príspevky: 24
Témy: 0
Príspevok NapísalOffline : 18.08.2007 0:38

no podla mna na stred sa da zarovnat len pre jeden druh rozlisenia obrazoky, ci ako by ste vy povedali ?


Offline

Čestný člen
Čestný člen
CSS : Zarovnanie na stred

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5404
Témy: 30
Bydlisko: Bratislava
Príspevok NapísalOffline : 18.08.2007 0:40

Skús si ten môj kód a pochopíš, že si povedal trošku blbosť :rolleyes:
Alebo inak, skúste si pozrieť moju stránku z ktorej ten kód je (je stará, tak nekritizujte) na rôznych rozlíšeniach:
http://shaggy.starehry.sk


Offline

Čestný člen
Čestný člen
CSS : Zarovnanie na stred

Registrovaný: 17.10.06
Prihlásený: 08.01.11
Príspevky: 1752
Témy: 17
Príspevok NapísalOffline : 18.08.2007 0:46

ked uz riesite vertikalne centrovanie tak toto je celkom k veci http://www.pixy.cz/pixylophone/2003_11_archiv.html#1069250243







_________________
A Real Programmer might or might not know his wife's name. He does, however, know the entire ASCII code table.
Offline

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

Registrovaný: 17.08.07
Prihlásený: 20.08.07
Príspevky: 24
Témy: 0
Príspevok NapísalOffline : 18.08.2007 0:47

zaujimave, aha jasne top 50%, som to len tak prebehol prvy krat tak tie % som si nevsimol


Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 07.04.07
Prihlásený: 10.08.10
Príspevky: 171
Témy: 42
Bydlisko: Bratislava
Príspevok Napísal autor témyOffline : 18.08.2007 12:19

Mohli byste mi poradit na tomto konkretnom priklade ? Je to moja rozrobena stranka a stale mi to nejakok nejde.

Kód:
<style>

#Header {
position: absolute;
width: 681px;
height: 167px;
border: none;
left: 25%;
top: 10px;
margin: 0 auto;
}

#MenuPravyOdsek   {
position: absolute;
width: 27px;
height: 100%;
border: none;
left: 25%;
top: 177px;
margin: 0 auto;
}

#Menu_1   {
position: absolute;
width: 27px;
border: none;
left: 25%;
top: 177px;
margin: 0 auto;
}      

</style>


</head>

<body>

   <!-- header -->
   <div id="Header" align="center">
      <img src="file:///C|/Documents and Settings/tommy/Desktop/my web/images/image_01.jpg"/>
   </div>
   
      <!-- menu pravy odsek -->
      <div id="MenuPravyOdsek">
         <img src="file:///C|/Documents and Settings/tommy/Desktop/my web/images/image_02.jpg"/>
      </div>




</body>
</html>







_________________
Ten, kto sa pýta, je hlupákom päť minút; ten kto sa nepýta, zostáva hlupákom navždy.
Offline

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

Registrovaný: 17.08.07
Prihlásený: 20.08.07
Príspevky: 24
Témy: 0
Príspevok NapísalOffline : 18.08.2007 14:40

to img src="///C,,.... nvm nejako sa mi to nepozdava, co vynato ?, no podla mna ked davas odkaz na img tak by si mal dat len tu cestu kde ho mas presne nahrany a to src="./images/nazovsuboru.jpg"


Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 07.04.07
Prihlásený: 10.08.10
Príspevky: 171
Témy: 42
Bydlisko: Bratislava
Príspevok Napísal autor témyOffline : 18.08.2007 14:51

no povodne som to chcel uzapisat ten img do CSS ale nefuguje mi to tak som to musel normal cez html ... ale inak ide to v prehliadaci normalne







_________________
Ten, kto sa pýta, je hlupákom päť minút; ten kto sa nepýta, zostáva hlupákom navždy.
Offline

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

Registrovaný: 17.08.07
Prihlásený: 20.08.07
Príspevky: 24
Témy: 0
Príspevok NapísalOffline : 18.08.2007 17:39

no tak kde je problem , ked hovoris ze to ide normalne ?


Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 07.04.07
Prihlásený: 10.08.10
Príspevky: 171
Témy: 42
Bydlisko: Bratislava
Príspevok Napísal autor témyOffline : 18.08.2007 18:57

tu neslo o obrazky ... ale to uz je jedno







_________________
Ten, kto sa pýta, je hlupákom päť minút; ten kto sa nepýta, zostáva hlupákom navždy.
Odpovedať na tému [ Príspevkov: 17 ] 


Podobné témy

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

v HTML, XHTML, XML, CSS

2

331

12.02.2014 21:34

17mark Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Vertikalne aj horizontalne zarovnanie na stred

v HTML, XHTML, XML, CSS

2

556

07.10.2016 9:52

17mark Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

2

1119

07.07.2009 9:38

php30 Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

5

397

28.03.2013 0:29

Merlin_sk Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

10

570

04.02.2010 15:10

pilná lama glama Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

13

915

27.05.2008 16:16

Dodicek Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

1

885

04.01.2009 20:26

chrono Zobrazenie posledných príspevkov

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie. Prehliadač na stred

v HTML, XHTML, XML, CSS

1

403

20.07.2010 20:20

Ďuri Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

6

487

31.03.2008 16:56

emer Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

17

2151

22.09.2008 14:30

Blackshadow Zobrazenie posledných príspevkov

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie. Centrovanie grafiky na stred obrazovky

v HTML, XHTML, XML, CSS

1

859

31.12.2010 14:47

shaggy Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

4

665

23.05.2009 22:44

Chooosen Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako vertikalne zarovnan na stred toto?

v HTML, XHTML, XML, CSS

4

579

21.12.2007 19:46

Matho Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. lave menu + stred obsah + neco na pravo

[ Choď na stránku:Choď na stránku: 1, 2 ]

v HTML, XHTML, XML, CSS

43

2026

03.12.2008 15:26

Draex Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. zrychlenie stred videa v sony vegas pro 8

v Video programy

5

1298

15.10.2009 19:12

MAPO Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Dva obrázky prídu k sebe na stred obrazovky

v JavaScript, VBScript, Ajax

1

1048

15.08.2016 15:32

BX Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  
cron

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra