Zarovnanie div-u

pepek92 · Napísal **pepek92**: 27.12.2007 14:49 | Zarovnanie div-u

Ako môžem v CSS nastaviť, aby bol DIV zarovnaný na stred? Ďakujem

emer · Napísal **emer**: 27.12.2007 15:03 | Zarovnanie div-u

margin: 0 auto 0 auto -zarovnanie na stred (vlavo - vpravo)
margin: auto auto auto auto -zarovnanie na stred z kazdej strany
margin: auto 0 auto 0 auto - zarovnanie na stred z vysky (vrch -spodok)

napisal by som ktore je vertikalne a ktore horizontalne, ale tieto dva pojmy sa mi mila, tak sa nechcem strapnit :lol:

qacer · Napísal **qacer**: 27.12.2007 15:04 | Zarovnanie div-u

1. horizontalne http://www.jakpsatweb.cz/css/text-align.html
2. vertikalne http://www.jakpsatweb.cz/css/vertical-align.html

a das tam 1.center a 2.middle

viktorcech · Napísal **viktorcech**: 27.12.2007 15:41 | Zarovnanie div-u

a aby si z tychto dvoch odpovedi nemal este vacsi chaos, napisem to maximalne jednoducho..

div {margin: 0 auto;}

pepek92 · Napísal autor témy **pepek92**: 27.12.2007 16:17 | Zarovnanie div-u

ďakujem, no žiadne z vyššie uvedeného nefunguje; mám pocit, že na vine je to, že daný div má position: absolute; ak pomôže, tu sú všetky vlastnosti:

Kód:

#homepage #newsletter {
   background-image: url(../template/boxy/newsletter.png);
   background-repeat: no-repeat;
   position: absolute;
   width: 348px;
   height: 114px;
   padding: 20px;
   line-height: 170%;
   color: White;
   z-index: 30;
}

emer · Napísal **emer**: 27.12.2007 17:40 | Zarovnanie div-u

odstran absolute a daj tam to co napisal viktor cech, alebo ja

Paulooze · Napísal **Paulooze**: 27.12.2007 17:45 | Zarovnanie div-u

na co ma ten div atribut absolute? ved to je hlupost... ked bude mat niekto ine rozlisko ako ty, bude to cele rosypane, skus pouzit position:relative a robit to cez float...

a margin:0 auto bude fungovat...

pepek92 · Napísal autor témy **pepek92**: 27.12.2007 18:03 | Zarovnanie div-u

Ide o to, že ten div sa má po kliknutí zobraziť "nad" stránkou.

emer · Napísal **emer**: 27.12.2007 19:47 | Zarovnanie div-u

to si nikde nepsominal.... a ako "nad" strankou???

pepek92 · Napísal autor témy **pepek92**: 27.12.2007 19:52 | Zarovnanie div-u

Proste, klikneš na odkaz a ten div zobrazí v takom zmysle, ako keď otvoríš okno vo Windowse, normálne, kde máš ďalšie možnosti nastavenia a pod. Mám poslať obrázok?

viktorcech · Napísal **viktorcech**: 27.12.2007 19:58 | Zarovnanie div-u

pepek92 píše:

Proste, klikneš na odkaz a ten div zobrazí v takom zmysle, ako keď otvoríš okno vo Windowse, normálne, kde máš ďalšie možnosti nastavenia a pod. Mám poslať obrázok?

jj, ale malo by to fungovat normalne.. margin: 0 auto.. nechapem kde mas problem a preco si veci komplikujes.

pepek92 · Napísal autor témy **pepek92**: 27.12.2007 20:07 | Zarovnanie div-u

Takže ja si veci komplikujem... Jednoducho to margin: 0 auto nejde! Posielam obrázok:

http://img175.imageshack.us/img175/3802 ... terdt7.png

Ten div, kde je nápis Newsletter potrebujem dostať do stredu celej stránky, aby to nevyzeralo tak rozhádzane.

viktorcech · Napísal **viktorcech**: 27.12.2007 20:12 | Zarovnanie div-u

pepek92 píše:

Takže ja si veci komplikujem... Jednoducho to margin: 0 auto nejde! Posielam obrázok:

http://img175.imageshack.us/img175/3802 ... terdt7.png

Ten div, kde je nápis Newsletter potrebujem dostať do stredu celej stránky, aby to nevyzeralo tak rozhádzane.

z obrazku sa da tazko nieco vydedukovat.. vymaz z css vsetkom okrem sirky, marginu a borderu..

pepek92 · Napísal autor témy **pepek92**: 27.12.2007 20:18 | Zarovnanie div-u

No nič to, zádrheľ je v absolútnej pozícii. Tá tomu nechce dovoliť, aby sa to pohlo. Idem s tým ešte dačo porobiť.

pepek92 · Napísal autor témy **pepek92**: 27.12.2007 20:36 | Zarovnanie div-u

Už som to vyriešil

ďakujem všetkým za pomoc

aj to margin som využil :oops:

Zarovnanie div-u

Zarovnanie div-u

Podobné témy

Sirka div-u

Vytvorenie DIV-u pomocou JS

zistenie realnej sirky a vysky objektu (DIV-u)

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

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

Ako načítať z Edit-u do Timer-u

zarovnanie

zarovnanie

zarovnanie

zarovnanie...

Zarovnanie sekcii

zarovnanie pisma

Zarovnanie textu

Zarovnanie thumbnails

CSS help zarovnanie

vertikalne zarovnanie textu