| Autor | Zpráva | ||
|---|---|---|---|
| Hans222 Profil * |
#1 · Zasláno: 12. 6. 2009, 15:48:20
Zdravim,
potreboval by som zarovnat div ktory je vacsi do divu ktory je mensi aby ten vacsi v tom nesom bol vycentrovany na stred , vie niekto ako na to? Zatial to mam takto: mensii: #mensi
{
width:100%;
min-width:1000px;
overflow:hidden;
text-align:center;
}
vacsi #vacsi
{
position: relative;
text-align: center;
width:1473px;
max-width:1473px;
}a potom <div id="mensi"> <div id="vacsi"> ... </div></div> je to ok az na to ze je to stale vycentrovane dolava :( diky za kazdu radu |
||
| Plaváček Profil |
#2 · Zasláno: 12. 6. 2009, 17:10:52
Hans222
Moc nechápu smysl toho, co chceš dokázat. Zkoušel jsi někdy narvat velkou papírovou krabici do malé, aby ta větší tak nějak pěkně odpočívala přesně uprostřed té menší? Já jednou jo. Nešlo mi to a od té doby se o nic podobného nesnažím. |
||
| Hans222 Profil * |
#3 · Zasláno: 12. 6. 2009, 17:20:24
ten mensi div ma rozmery obrazovky a ten vacsi je obsah s grafickym pozadim, to pozadie je ale dost velke a tak sa na malych monitoroch nevykresli pekne, lebo sa vykresli iba lava polovica. Preto ho chcem vycentrovat aby to lepsie vyzeralo aj na mensich rozlyseniach.
Uz chapes zmysel toho??? |
||
| Plaváček Profil |
#4 · Zasláno: 12. 6. 2009, 17:21:29
Hans222
Pořád nechápem. Zkus to jinak. Dodej živou ukázku a někdo z nás ti tu nabídne logické a rozumu neodporující řešení. |
||
| Hans222 Profil * |
#5 · Zasláno: 12. 6. 2009, 17:51:10
jendoucho potrebujem vykreslovat stranku vzdy na stred, aj ked sa nezmesti na obrazovku.
povedzme sa tam bude dlhy riadok . "123 bla bla bla bla bla stred bla bla bla bla bla 456" tak sa vypise iba: "bla stred bla" a nie "123 bla bla" dufam ze to uz je dost jasne. |
||
| keeehi Profil |
#6 · Zasláno: 12. 6. 2009, 17:59:25 · Upravil/a: keeehi
Hans222
Plaváček necápal toto: <div id="mensi"> <div id="vacsi"> ... </div></div> tipuji že to má být obráceně pokud se jedná o vycentrování pozdí, tak takto: background: white url(obrazek.gif) repeat center center; |
||
| Hans222 Profil * |
#7 · Zasláno: 12. 6. 2009, 18:20:47
keeehi
nejde len o vycentrovanie pozadia ale aj o cely obsah ako som pisal v priklade hore vyzsie |
||
| Plaváček Profil |
#8 · Zasláno: 12. 6. 2009, 18:44:25
Hans222
Něco prostě děláš špatně a dokud nám neukážeš, o co se konkrétně jedná, nikdo ti lépe neporadí. Smiř se s tím. Dávat větší do menšího je fyzikálně velmi obtížné a funguje tuším pouze na atomické úrovni. Ve webdesignu něco podobného šlape málokdy. |
||
| keeehi Profil |
#9 · Zasláno: 12. 6. 2009, 19:00:32
Hans222
1) menší do většího NENACPEŠ, takže to musíš otočit <div id="vacsi"> <div id="mensi"> ... </div> </div> 2) css bude vypadat nějak takto:
#mensi
{
margin: 0 auto;
width:1000px;
overflow:hidden;
}
#vacsi
{
text-align: center;
width:1473px;
} |
||
| Akrij Profil * |
#10 · Zasláno: 12. 6. 2009, 19:17:48
OT: Zkuste se odprostit od názvu #. #mensi totiž není menší než #vacsi. Takže ať se to někomu libí nebo ne, v tomto případě je skutečně možné nacpat #vacsi do #mensi, stejně jako např. v případě zápisu:
#nejmensi_na_svete_pricemz_mensi_uz_neni {
width: 960px;
}
#nejvetsi_na_svete_pricemz_vetsi_uz_neni {
width: 480px;
}<div id="nejmensi_na_svete_pricemz_mensi_uz_neni"><div id="nejvetsi_na_svete_pricemz_vetsi_uz_neni"></div></div> |
||
| keeehi Profil |
#11 · Zasláno: 12. 6. 2009, 19:34:25
Akrij
Odprostit se od názvu sice můžeme ale od hodnot ne. #mensi min-width:1000px; < #vacsi width:1473px; Je jasné, že na tom co je v názvu nezáleží ale v tomto případě je hodnota "proměnné" #mensi opravdu menší než hodnota #vacsi. |
||
| Akrij Profil * |
#12 · Zasláno: 12. 6. 2009, 20:08:56
[#11]
Nejedná se o proměnou, ale o identifikátor. Srovnáváš jabka a hrušky. |
||
| keeehi Profil |
#13 · Zasláno: 12. 6. 2009, 20:14:38 · Upravil/a: keeehi
Akrij
Olouvám se že jsem to nazval špatně. Nemohl jsem si vzpomenout na správné označení. Proto jsem to také napsal v uvozovkách. Ale bavíme se zde o pitomostech. A to, že pisatel nějak pozapomněl na IE, tak za to já nemůžu. |
||
| Akrij Profil * |
#14 · Zasláno: 12. 6. 2009, 20:27:42
Ať už má Hans pro použití min-width jakýkoliv důvod, v uvedeném zápise nevadí, byť je zbytečný. Namísto výukových otázek na to stačilo poukázat, poradit, jak centrovat blokový element, případně pro ukojení chtíče, s předmluvou: "To už se tu řešilo snad milionkrát", odkázat do patřičných míst, která tuto informaci podávají.
|
||
| keeehi Profil |
#15 · Zasláno: 12. 6. 2009, 20:34:00
Akrij
Ale já už jsem řešení napsal zde [#9]. Poté už jsem reagoval na tebe. |
||
| Akrij Profil * |
#16 · Zasláno: 12. 6. 2009, 20:39:58
keeehi:
Jasně, v pořádku, spíše reaguji na nějak často se opakující jev arogantního vývoje diskuse jiným směrem, což, pravda, nyní i trochu potvrzuji. |
||
|
Časová prodleva: 17 dní
|
|||
| tom-as Profil * |
#17 · Zasláno: 29. 6. 2009, 10:17:03
to all: kdyby ste misto tech kecu jak a proc to nemuze jit radci zkusili najit reseni... ;)
to Hans222: vetsi objekt do mensiho narvat jde, a dokonce i vycentrovat na stred toho mensiho... <div style="position: relative; width: 100px; height: 100px; overflow: hidden; border: 1px solid black;">
<div style="position: absolute; left: 50%;">
<div style="position: relative; left: -50%; width: 150px; background-color: yellow;">
11223344556677889900
</div>
</div>
</div>(lehkou inspiraci mi bylo Yuhuovo reseni vertikalniho centrovani) |
||
|
Časová prodleva: 15 let
|
|||
0