| Autor | Zpráva | ||
|---|---|---|---|
| Nadan Profil |
#1 · Zasláno: 20. 11. 2009, 20:28:28
Mám problém. Internet Exploreru se něco nelíbí na mém kódu...
CSS:
#img {
text-align: right;
float: right;
margin: 10px;
}
#text {
width: 175px;
text-align: right;
float: right;
}
HTML:
<div id="img"><img src="http://news.discovery.com/archaeology/2009/11/09/mass-grave-278x225.jpg"/><br><div id="text">Discovery News</div></div>Odkaz: http://narody.ic.cz/index.php?a=8 IE nechává prázdné místo nalevo od floatovaného divu. A pokud je div pod hranicí menu, tak se posune moc doprava. Nevíte někdo co bych s tím mohl dělat? Chrome to zobrazuje správně, Mozilla neodzkoušená. |
||
| Nadan Profil |
Opravdu netuším, čím to může být, už jsem vyzkoušel skoro všechno...
Moderátor Chamurappi: Tak zkus příště trpělivě čekat na odpověď. Tím, že si odpovídáš sám, se vyřazuješ ze seznamu vláken bez reakcí — pak máš výrazně nižší šanci, že někdo odpoví později.
|
||
| ladik Profil |
#3 · Zasláno: 21. 11. 2009, 00:56:27
Nadan:
Nedávej popisek obrázku do samostatného DIVu. <div id="img"><img src="http://news.discovery.com/archaeology/2009/11/09/mass-grave-278x225.jpg"/><br>Discovery News</div> Nebo, pokud chceš mít popisek obrázku v samostatném DIVu, zadej pro #img šířku: #img {
width: 278px;
text-align: right;
float: right;
margin: 10px;
} |
||
| Nadan Profil |
#4 · Zasláno: 21. 11. 2009, 15:37:21
ladik:
Ten text musí být v divu a u #img nesmí být šířka napevno, mění se podle velikosti obrázku... |
||
| Nadan Profil |
#5 · Zasláno: 22. 11. 2009, 15:28:27
Nezkoušel to někdo v Mozille? :-)
|
||
| Nadan Profil |
#6 · Zasláno: 23. 11. 2009, 16:24:35
Nikdo neví? :(
|
||
| Nadan Profil |
#7 · Zasláno: 24. 11. 2009, 09:24:29
OK, v Mozille to jede. Nevíte teda co s tím IE prosím?
|
||
| zvěřiňák Profil |
#8 · Zasláno: 24. 11. 2009, 12:14:22 · Upravil/a: zvěřiňák
Nadan:
„IE nechává prázdné místo nalevo od floatovaného divu.“ Nenechává prázdné místo, ale floatovaný div se roztáhne na celou šířku nadřazeného prvku. U floatovaných divů je potřeba deklarovat šířku jak ti už radil ladik. Když se zeptáš css validátoru, hádej co ti poradí? In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected |
||
| Nadan Profil |
#9 · Zasláno: 25. 11. 2009, 19:39:05 · Upravil/a: Nadan
zvěřiňák:
A jak to mám udělat, aby se mohl roztáhnout do boku, aniž bych mu musel šířku měnit? Nějaký min-width? |
||
| zvěřiňák Profil |
#10 · Zasláno: 25. 11. 2009, 22:30:30
Nadan:
Šlo by to nedávat obrázek do obalového divu, nějak takhle: <img src="http://news.discovery.com/archaeology/2009/11/09/mass-grave-278x225.jpg" style="float: right;"> <div style="float: right; width: 175px; text-align: right; clear: right;">Discovery News</div> |
||
| Nadan Profil |
#11 · Zasláno: 26. 11. 2009, 15:31:52
zvěřiňák:
Ne, to už jsem zkoušel, text je pak nalevo obrázku a ne pod ním... |
||
| zvěřiňák Profil |
#12 · Zasláno: 26. 11. 2009, 16:50:41
Nadan:
Když textu přidáš clear: right, tak bude pod obrázkem: <div style="float: right; width: 175px; text-align: right; clear: right;">Discovery News</div> |
||
| Nadan Profil |
#13 · Zasláno: 26. 11. 2009, 19:05:55
zvěřiňák:
Toho jsem si nevšiml, promiň, ale stejně to tak nemůže být, překrývá to jiný text... |
||
| zvěřiňák Profil |
#14 · Zasláno: 26. 11. 2009, 20:15:43
Když to zkusím takhle:
<img id="img" src="http://news.discovery.com/archaeology/2009/11/09/mass-grave-278x225.jpg"> <div id="text">Discovery News</div> #img {
float: right;
text-align: right;
margin: 10px;
}
#text {
width: 280px;
float: right;
text-align: right;
clear: right;
margin-right: 10px;
}Tak to vypadá docela dobře. |
||
|
Časová prodleva: 14 let
|
|||
0