ugrás a tartalomhoz

Árnyék float probléma IE bug miatt

Anonymous · 2005. Szep. 16. (P), 10.58
Sziasztok!

Van egy nemrég elindított webhelyem.
http://hirek.csillagaszat.hu/nr_exobolygok.html

A képek árnyékkal történő körülfuttatásához 'float' tulajdonsággal rendelkező div-et használok. A probléma, hogy míg Firefoxban jól, IE-ben néhány esetben rosszul jelenik meg a kép melletti szöveg: "aláfolyik" a képnek (ld. az alábbi cikkcímeket: "Állatövi fény a Naprendszeren kívül", "Újabb exobolygó fotó?").

Képernyőmentés itt:

Biztos vagyok benne, hogy az IE bugja miatt valamilyen CSS-trükköt kellene bevetni, de nem tudom, pontosan mit tehetnék?

A kapcsolódó CSS:
div.rowtext {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.introtext {
width: 100%;
border: 0px;
vertical-align: top !important;
}
.img-shadow {
float:left;
background: url(/templates/hirek_common/images/shadowAlpha.png) no-repeat bottom right !important;
background: url(/templates/hirek_common/images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #ffffff;
border: 1px solid #666666 !important;
margin: -6px 6px 6px -6px;
padding: 0px 0px 0px 0px;
}


Van ötletetek a megoldásra?

Köszönettel: Laci
‹ Keret nélküli ablak nyitása JS-ből Javascript nem látja szögletes zárójelen belül a változót ›
 ■
1

Div > Táblázat

Off- · 2005. Szep. 16. (P), 13.14
Üdv!

Belenéztem a forrásba, és táblázatok tömkelegét találtam. 3 táblázat van ami az egész középső részt összefogja, ezen belül még divek táblázat sorokban, továbba táblázat csak a cimnek, táblázat csak a szövegnek.

Ez igy rengeteg. Tervezd ujra sztem divekkel.

1 div ami az egész középső részt tartja, benne minden sor lehetne 1 div, és igy tovább. kicsit több pepetyelést jelent css-el, de nem jönnek ilyen problémák elő mint az esetedben később..

A kép árnyékhoz az a javaslatom, tedd bele divbe a képet, div háttere valamilyen szin (vagy kép), és ebben lévő divet told el fel és jobbra 5px-et. ugyanazt a hatást éred el :)

(position: relative; right: 5px; bottom: 5px)

xxxxxxx
Durucz Gábor
4

Köszönöm

Anonymous · 2005. Szep. 16. (P), 14.24
Köszi, meg fogom próbálni.
2

Validsag, stb

janoszen · 2005. Szep. 16. (P), 13.20
Ajanlom figyelmedbe ezt az oldalt:

http://validator.w3.org/check?uri=http%3A%2F%2Fhirek.csillagaszat.hu%2Fnr_exobolygok.html

Azon kivul elfejetetted a megfelelo HTML reszt beilleszteni. Most potolom helyetted.

<div class="rowtext">
 <table width="100%" height="101" border="0" class="introtext">
  <tr>
   <td>
    <div class="img-shadow">
     <a href="http://hirek.csillagaszat.hu/nr_exobolygok/20050425_allatovi_feny.html">
      <img src="http://hirek.csillagaszat.hu/files/images/naprendszer/exobolygok/allatiovifeny_hd_69830_lead.gif" width="80" height="80" align="left"  alt="" title="" border="0" />
     </a>
    </div>
   </td>
   <td>Első alkalommal sikerült egy, a Napunkhoz hasonló csillag körüli
kisbolygóövre emlékeztető porfelhőt megfigyelni. Ez a bolygórendszer
planétáiról nézve a Földről megszokottnál sokkal erősebb állatövi fényt
okozna.</td>
  </tr>
 </table>
</div>
Ha valami tablazatban van, akkor minek floatolni? Szerintem, nezd meg, a float mire valo.

Udv

ProClub
3

Az árnyék miatt

Anonymous · 2005. Szep. 16. (P), 14.23
Ha valami tablazatban van, akkor minek floatolni?
Szerintem, nezd meg, a float mire valo.


Az árnyék egy div-ben van a kép mögött. Ezt így lehet csak megoldani.
5

"Csak így lehet megoldani?"

Dualon · 2005. Szep. 16. (P), 18.24
Nem csak így lehet megoldani. Az AListAparton legalább két cikkre emlékszem a témakörben.