Absolutní pozicování – CSS – Fórum – Programujte.com

TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Trvalé přihlášení

Zapomněl jsi heslo?

Absolutní pozicování – CSS – Fórum – Programujte.com

Rozšířené hledání ›

Nejnovější témata ve fóru

20:53, CSS Bootstrap 5 - překrývající navigace

09:20, Delphi Jak přečist poslední řadek z text souboru.

19:30, JavaScript, AJAX,… VSCode - JavaScript

16:45, HTML / XHTML Anti-kukíkový zákon

16:26, Assembler šachový program

22:06, Startupy Megastroj.cz – Vše na jednom místě: půjčovna, bazar a inze…

Stavba Laser Arény
Laser Game Brno

Mám problém, nevím jak udělám abych při absolutním pozicování zarovnal celý blok (div nebo body) na střed.
Jde mi o to, aby když nastavím hodnotu nějakého odstavce na left:0px (pomocí abs. poz.) Aby když uživatel bude mít rozlišení např. 1200 (width) aby se text zarovnal 100px od leva. a kdyby měl uživatel rozlišení 1400, tak by bylo zarovnáno 200 od leva.Prostě, aby to pozicování bylo jen v rámci těla (<body>) a tělo se vždy zarovnalo na střed.

pokouším se o to už dlouho ale bohužel bezúspěně..

Nahlásit jako SPAM

IP: 81.25.21.–

bukaj0

Věrný člen

13. 10. 2008 #2

spartan13
Prostě, aby to pozicování bylo jen v rámci těla (<body>) a tělo se vždy zarovnalo na střed.
Tělo zarovnej na prostředek normálně pomocí margin: 0 auto; (či podobně) a nastav mu position: relative;, čímž počátky souřadnicového systému jeho potomků již nebudou v rozích prohlížeče, ale v rozích tohoto elementu.

Nahlásit jako SPAM

IP: 85.70.13.–

Jak se správně ptát? -> http://www.hash.cz/inferno/otazky.html[br][br] Po programování je člověk hladovej.

spartan13 0

Newbie

13. 10. 2008 #3

To bukaj :
html mám takhle:

  <body>

  <div id="x1"> Toto je nějaký divný nadpis <br> ale vlastně není vůbec potřebný<br> snad to aspoň bude fungovat. </div>

  </body>

a takhle css:



#x1 { color:#151563;

      position:absolute;

      left:0px;

  }

body  {

       position:relative; 

       width:1000px;

       margin:0 auto;

      }

Pořád to nic nedělá! Drží se to neustále vlevo.

Nahlásit jako SPAM

IP: 81.25.21.–

CommanderZ 0

Boss

13. 10. 2008 #4

Ne, to co mas ted u body dej divu, do ktereho vsechno ostatni zabalis. Pak to bude fungovat.

Nahlásit jako SPAM

IP: 81.30.238.–

Prosím, jestli potřebujete s něčím poradit,zeptejte se na fóru. Jakýkoliv bezdůvodný pokus mě kontaktovat skončí okamžitým přidáním do ignore listu![br][br] Současný počet osob, které to nepochopily: 7

KIIV

~ Moderátor

+43

God of flame

13. 10. 2008 #5

no ja to vetsinou daval do nejakyho konteineru... treba div s relativnim pozicovanim
pak vse v nem se pozicuje od rohu toho divu

Nahlásit jako SPAM

IP: 80.250.27.–

_{Program vždy dělá to co naprogramujete, ne to co chcete...}

spartan13 0

Newbie

13. 10. 2008 #6

html:



  <body>

  <div id="x2">

  <div id="x1"> Toto je nějaký divný nadpis <br> ale vlastně není vůbec potřebný<br> snad to aspoň bude fungovat. </div>

  </div>

  </body>

styl.css



#x1 { color:#151563;

      position:absolute;

      left:0px;

  }

#x2  {

       position:relative; 

       width:1000px;

       margin:0 auto;

      }

udělal jsem to tedy takhle a pořád nic.

Nahlásit jako SPAM

IP: 81.25.21.–

bukaj0

Věrný člen

13. 10. 2008 #7

spartan13
Kurňa a já už myslel, že centrování s margin: 0 auto; je tak profláklé... No, asi ne. Podívej se třebas sem[1], je to první výsledek na dotaz css body center[2]. Všechno umisťuješ do toho obalovacího <div>u. Nastavením position: relative; přesuneš počátek systému souřadnic.

[1] http://www.bluerobot.com/web/css/center1.html
[2] http://www.google.com/search?q=css+body+center

Nahlásit jako SPAM

IP: 85.70.13.–

Jak se správně ptát? -> http://www.hash.cz/inferno/otazky.html[br][br] Po programování je člověk hladovej.

spartan13 0

Newbie

13. 10. 2008 #8

To bukaj :

nemohl by jsi mi ten script napsat na nějaké jednoduché zarovnání. Já to nějak nechápu, nebo nevím v čem dělám chybu..

díky, z toho scriptu už to snad pochopím.

Nahlásit jako SPAM

IP: 81.25.21.–

KIIV

~ Moderátor

+43

God of flame

14. 10. 2008 #9

to stejne nepochopis...
jen takova ukazka jak clovek muze neco vyexperimentovat:

    <center>

    <div style="text-align: left; position:relative; border: 1px red solid; width: 500px; height: 100%;">

      <div style="position: absolute; top: 5px; left: 5px; width: 100px; height:20px; border: 1px green solid;">

        blabla1

      </div>

      <div style="position: absolute; top: 35px; left: 15px; width: 100px; height:20px; border: 1px blue solid;">

        blabla2

      </div>

    </div>

    </center>

Nahlásit jako SPAM

IP: 80.188.94.–

_{Program vždy dělá to co naprogramujete, ne to co chcete...}

spartan13 0

Newbie

14. 10. 2008 #10

To KIIV :

díky moc! Divil by jses ale snad už jsem to pochopil :smile2:

Nahlásit jako SPAM

IP: 81.25.21.–

KIIV

~ Moderátor

+43

God of flame

14. 10. 2008 #11

To spartan13 : tak to je dobre... vetsinou staci eperimentovat... nejvetsi zlo je v zasade kdyz to odladis v jednom nejede to v jinym... treba to margin auto mi nejelo v IE :D tak sem tam hodil text align pro body a to zase nejelo v FF
tak center a jelo vse :D

Nahlásit jako SPAM

IP: 80.188.94.–

_{Program vždy dělá to co naprogramujete, ne to co chcete...}

Fugess0