Autor Zpráva
Nadan
Profil
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
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
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
Nezkoušel to někdo v Mozille? :-)
Nadan
Profil
Nikdo neví? :(
Nadan
Profil
OK, v Mozille to jede. Nevíte teda co s tím IE prosím?
zvěřiňák
Profil
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
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
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
zvěřiňák:
Ne, to už jsem zkoušel, text je pak nalevo obrázku a ne pod ním...
zvěřiňák
Profil
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
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
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.

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: