CSS: Center

Flety · Napísal **Flety**: 03.08.2007 19:38

Ako mam v Css vycentrovat nejaky blok?? to musim dat do nejakeho ineho bloku a tam nastait aby mi cely obsah centrovalo alebo sa to da aj inak?

p360t · Napísal **p360t**: 03.08.2007 19:46

Centrujú sa len blokové prvky (bloku, ktorý chceš centrovať, nastavíš margin na hodnotu auto), alebo text v blokových prvkoch (text-align: center; v takom prípade môžeš centrovať aj riadkové prvky). Keďže sme však na pôde CSS, nič nie je také jednoduché ako sa zdá a ako vždy, problémy robí Internet Explorer 6.

Preto treba centrovaný blok obaliť do iného bloku a tomu "obalovaču" nastaviť text-align: center; (no a potom obalovanému nastavíš margin: auto;).

Flety · Napísal autor témy **Flety**: 03.08.2007 20:44

aha cize sa to da aj bez toho obalovaca len mi nepojde v ie... dobre som pochopil?

kmsa · Napísal **kmsa**: 03.08.2007 20:54

Drako píše:

aha cize sa to da aj bez toho obalovaca len mi nepojde v ie... dobre som pochopil?

on nepovedal z eto nepojde v ie ale za to roby problemi v nom..prosto treba pre ie este osetrit

imnotwhafo · Napísal **imnotwhafo**: 03.08.2007 21:45

Skus tomu co chces vycentrovat nastavit:

Kód:

margin: auto auto

a nemusis ho do nicoho zabalovat

Flety · Napísal autor témy **Flety**: 03.08.2007 22:59

ok skusim a predpokladam ze iba jedno auto tam ma byt ze

Flety · Napísal autor témy **Flety**: 03.08.2007 23:23

hmm... nejde

HAE07 · Napísal **HAE07**: 04.08.2007 7:44

jak ze nejde?musi to ist.ved tomu bloku priradis margin:y px auto; a vycentruje ti to.skopci to cssko,nech sa na to pozrieme

imnotwhafo · Napísal **imnotwhafo**: 04.08.2007 10:49

Drako píše:

ok skusim a predpokladam ze iba jedno auto tam ma byt ze

Nie, ma tam byt 2x auto.

kmsa · Napísal **kmsa**: 04.08.2007 11:41

nie ked da jednu hodnotu da mu odstup zo vsetkych stran, ked da 2 hodnoty thak jedna znamena hore-dole a druha dolava-doprava, ked da 4 hodnoty kazda znamena jednu stranu

scooby · Napísal **scooby**: 04.08.2007 16:58

podla mna to ide aj takto..ak pouzijes div tusim to je takto

Kód:

mozno to je blbost ale vyskusat sa to moze

)

imnotwhafo · Napísal **imnotwhafo**: 04.08.2007 17:13

Eh?
Ja toto riesenie pouzivam dost casto, teda ze dam margin: auto auto; .
Napriklad mam div cez celu stranku s nastavenou: min-width: 760px; :

Kód:

#menu { min-width: 760px; }

A potrebujem do stredu dostat menu , tak jednoducho:

Kód:

#menu ul { margin: auto auto; width: 760px; }

a je to, netreba nastavovat ziadne text-align ani ine IE nekompatibilne riesenia (ale aj tak sa da, no toto je jednoduchsie)

kmsa · Napísal **kmsa**: 04.08.2007 21:19

server aby vedel co najjednoduchsie precital ze to chces mat po osi X aj Y v strede treba dat

imnotwhafo píše:

Kód:

#menu { min-width:  760px; }
#menu ul  { margin: auto auto;  width:  100%;  }

alebo

imnotwhafo píše:

Kód:

#menu { min-width:  760px; }
#menu ul  { margin: auto;  width:  100%;  }

alebo

imnotwhafo píše:

Kód:

#menu { min-width:  760px; }
#menu ul  { margin: auto auto auto auto;  width:  100%;  }

pre bezproblemove zobrazenie hocikde by mala byt 3 varianta

Flety · Napísal autor témy **Flety**: 05.08.2007 11:52

Kód:

.box1
  {
   background: #ffc;
   border-style: inset; 
   width: 650px;
   height: 500px;
   margin: auto;
   overflow: hidden;
  }

Staci tto alebo mam uplne cele???

Flety · Napísal autor témy **Flety**: 13.08.2007 22:23

hmm tak asi ssa uz toho vela nedozviem ze...

TECHNODROME · Napísal **TECHNODROME**: 14.08.2007 0:40

Kód:

.box1 
  { 
   background: #ffc; 
   border-style: inset; 
   width: 650px; 
   height: 500px; 
   margin: 0 auto; 
   overflow: hidden; 
  }

a vnor to do niecoho co ma

Kód:

text-align:center; // to mas pre IE

Flety · Napísal autor témy **Flety**: 14.08.2007 11:25

cize potrebujem obalovac...

Tominator · Napísal **Tominator**: 14.08.2007 11:43

scooby píše:

podla mna to ide aj takto..ak pouzijes div tusim to je takto

Kód:

mozno to je blbost ale vyskusat sa to moze

)

Takto to ide na 100%

CSS: Center

Podobné témy