ugrás a tartalomhoz

Float nem működik IE-ben

fberci · 2005. Okt. 18. (K), 21.44
Sziasztok!

Nekem régebben volt egy kétoszlopos táblázatom, amit divekkel
szeretnék leváltani (vagy akármilyen más nem táblázatos formával, csak én ezt a lehetőséget látom). A float-ot használtam, hogy kettő div lehessen
egymás mellett (van rá más megoldás is?). Operában, és Firefoxban
jól működik, de IE-ben két külön sorban helyezkedik el a két div.
Itt van az oldal.
A html kód:

<div class="kepek">
<div class="elso" id="elso">
<a href="/tura1">Túra 1&raquo;<br />
<img src="/kep1.jpg" alt="Túra 1"></a></div>
<div class="masodik" id="masodik">
<a href="/tura1">Túra 2&raquo;<br />
<img src="/kep2.jpg" alt="Túra 2"></a></div>
</div>
A css:

.elso {float: left; position: fixed; padding: 0px; margin: 5px}
.masodik {float: left; position: fixed; padding-left: 215px; padding-top: 0px; margin: 5px}
Van valami ötletetek mivel lehetne rábírni az IE-t is, hogy egy sorba
rakja a két div-et?

Üdv.: fberci
‹ Hogyan készítsek oldalt vakok és gyengénlátók számára? selectben keresés gépeléssel (JS) ›
 ■
1

Szélesség?

Dualon · 2005. Okt. 18. (K), 22.19
Legtöbbször ez azért fordul elő, mert az IE másként értelmezi a box modellt, mint pl. a gecko motoros böngészők (w3c szabvány). Próbáld ki, mi történik, ha a középső rész kettősét szűkebbre veszed.
Szerintem felesleges osztályként kezelni a két belső részt, és szvsz kár mindkettőt float-olni, elég csak az egyiket, a másiknak meg adj kellő szélességű margót.
Egyébként ha javasolhatom, szabadulj meg teljesen a táblázatoktól az oldal kialakításakor - kényelmesebb, gyorsabb, elegánsabb megoldáshoz jutsz (tipp: three column layout with CSS). Az (X)HTML elsősorban az adatok strukturális szervezésére való, az arculatnál a CSS domináljon. Ha érdekel, szívesen leírom, miért.
2

első float nem kell

fberci · 2005. Okt. 18. (K), 22.45
Köszönöm a segítséget, tényleg ez a hiba. Az első float nem kell bele.
Azonban még mindig van egy apró hiba, ami gondolom ebből a box modellből fakad. A sorok nem pontosan egy egyenesben vannak, hanem 5px-el arrébb (ennyi a margó). De ennek majd még utánanézek a linken (most nincs időm).
A táblázat nélküli css-es megoldásra én is gondoltam, és terveztem is, csak most adva volt egy html struktúra (amit nem én csináltam), amelybe bele kellett illesztenem a portálomat. De majd tervezem, hogy lecserélem (a weblaboron már sokat hallottam erről miért jó :)).

Üdv.: fberci
3

<Nincs cím>

Anonymous · 2005. Okt. 19. (Sze), 11.10
explorer bugok itt:

http://www.positioniseverything.net/explorer.html

üdv,
tyb
4

még egy gond, de Operával

fberci · 2005. Okt. 19. (Sze), 16.01
Az előző hozzászólásomban felmerülő problémát sikerült megoldani (igaz nem teljesen, mivel így is kicsit máshol helyezkedik el a két div IE-ben és Operában).
Most az a gond, hogy az első (floatozott) diveben lévő linket, nem akarja linkként megjeleníteni az Opera és a Firefox. Érdekes, hogy a link stílust alkalmazza rá, ugyanúgy néz ki mint a többi link, de nem lehet rákattintani (és a status barban sem jelenít meg az elérési utat). Firefoxtól egy pillanatra sikerült kierőszakolni, hogy a linkként jelenítse meg, ez akkor jött össze, amikor kijelöltem a linket.

Üdv.: fberci
5

xhtml

Anonymous · 2005. Okt. 19. (Sze), 23.02
Elképzelhető, hogy az zavarja össze a böngészőket, hogy az img tagek nincsenek lezárva. Ez az xhtml-ben kötelező:
<img src="/yyy.zzz" alt="xyz" />
6

position: static

fberci · 2005. Okt. 20. (Cs), 15.09
Igen, ezt elfelejtettem, de nem ez volt a hiba.
A második position-jét staticra állítottam, és úgy ment. Még egy apró változtatást kellett megcsinálni, hogy IE-ben a táblázatom (amit le akarok cserélni) ne essen szét, a div-nek és meg kellett adni ugyanazt a szélességet, mint a cellának.
Köszönöm szépen a segítséget!

Üdv.: fberci