ugrás a tartalomhoz

div szélessége tartalomhoz adaptálódjon

drumlin · 2007. Okt. 17. (Sze), 21.52
sziasztok,

Hogyan lehet elérni, hogy a div szélessége a benne megjelenő elemé (pl kép) legyen?

Most nem adtam szélességet a divnek, viszont 100% szélességet kap így, függetlenül attól, hogy mekkora a benne levő kép.
 
1

Mit szeretnél elérni?

Jano · 2007. Okt. 17. (Sze), 22.36
Lépjünk vissza egyet: mit szeretnél elérni?
2

nos

drumlin · 2007. Okt. 17. (Sze), 22.47
Van egy egyszerű div-em, amibe flash cuccok kerülnek, például:

<div id="banner">
<object width="728" height="90">
<param name="movie" value="emark_728.swf">
<embed src="emark_728.swf" width="728" height="90">
</embed>
</object>
</div>

Ebből van rengeteg, különböző szélességű swf-ekkel. A cél az lenne, hogy a div akkora szélességűre nyíljon meg, amekkora a benne levő fájl szélessége.

A div-nek css-ből nem tudok szélességméretet adni a változó bannerméretek miatt, így viszont a div full screen, 100% szélességet kap... Remélem, így világosabb.
3

így sem az igazi

Thoer · 2007. Okt. 17. (Sze), 23.42
Mert az egy dolog, hogy a dived olyan széles lesz, mint a tartalom, de ez még nem magyarázat arra hogy mit akarsz elérni, tehát a megoldás sem egyértelmű.

Ha csak annyi, hogy legyen a div olyan széles mint a tartalom, akkor elvileg egy 'display: inline' elég a stílusához azt' kalap-kabát. Ha egymás mellé akarod rakni őket, akkor valószínűleg a 'float: left'-et keresed, de lehet, hogy jobban járnál egy abszolút pozicionált divvel. Pár példa így hirtelen.

Amúgy az swf-ek számát határozottan érdemes egy minimum szinten tartani. A sok villodó izé elriasztja az embereket, lassúvá teszi a letöltést és rengeteg egyéb problémát vet fel.
4

Helyfüggő

Jano · 2007. Okt. 18. (Cs), 00.17
A bannereid helyét gondolom tudod. Pl: cikk tartalmában, fejlécben, jobb oszlopban. Ezt használd ki a kiválasztók írásakor.
#fejlec .banner {}

#jobb_oszlop .banner {}

Nem véletlenöl használtam pontot! Egy oldalon egy id-val csak egy elem lehet, tehát használj osztályt: class="banner".