Autor | Zpráva | ||
---|---|---|---|
kekso Profil * |
#1 · Zasláno: 23. 10. 2009, 21:37:36
Potrebujem umiestnit na stranku div siroky 100% s centrovanim vnutra na stred
do tohoto divu chcem vlozit dalsie dva div-y, ktore budu v strede vedla seba o sirke aj vyske 100px mam to takto: <div style="border: 2px red solid; text-align: center; list-style: none;"> <div style="border: green 2px dotted; height: 100px; width: 100px; display: inline;"> 1 </div> <div style="border: 2px green dotted; height: 100px; width: 100px; display: inline;"> 2 </div> </div> V IE to funguje ale vo Firefoxe nie. :( |
||
panther Profil |
#2 · Zasláno: 23. 10. 2009, 21:41:33
kekso:
float: left; |
||
kekso Profil * |
#3 · Zasláno: 23. 10. 2009, 21:54:19
panther:
„float: left;“ to som skusal - prichadzam potom vsak o to, ze to bude cele centrovane v strede stranky |
||
SwimX Profil |
#4 · Zasláno: 23. 10. 2009, 21:56:31
kekso:
ten první div široký 100% je nesmyslný, to je přece vlastně body, tak ho vužij na to, že bude mít šířku 200px, bude na středu a v něm budou ty fva divy vedle sebe. Nebo ukaž živou ukázku, třeba bude lepší řešení, než divy |
||
kekso Profil * |
#5 · Zasláno: 23. 10. 2009, 22:11:05
Odkaz
Červený je ten vonkajší - obalovací div. Modré sú tie vnútorné div-y, ktoré sú centrované na stred. Problém je, že dopredu neviem ani šírku prehliadača, ani počet modrých vnútorných div-ov. |
||
panther Profil |
#6 · Zasláno: 23. 10. 2009, 22:20:29
kekso:
tak ty dva modré obal jedním elementem se šířkou 200px + nějaká mezera mezi nimi, tento blok vycentruj. |
||
kekso Profil * |
#7 · Zasláno: 23. 10. 2009, 22:24:48
panther:
„tak ty dva modré obal jedním elementem se šířkou 200px + nějaká mezera mezi nimi, tento blok vycentruj.“ Skus prosim hodit nejaky kod. Ja uz som skusal vsetko mozne a stale mi to nejde. |
||
SwimX Profil |
#8 · Zasláno: 23. 10. 2009, 22:33:05 · Upravil/a: SwimX
panther:
to samé jsem psal :) ale to uplně nepůjde pro: kekso: „Problém je, že dopredu neviem ... počet modrých vnútorných div-ov.“ kekso: <body style='text-align: center;'> ... <div style='width: 210px; margin: 0 auto;'> <div class='maly'>1</div> <div class='maly'>2</div> <br style='clear: both;'> </div> class maly jsou ty male modre s width a height na 100px a float: left; |
||
Časová prodleva: 15 let
|
0