Táblázat előtt nagy üresség ie alatt
Üdv!
Táblázattal formáztam egy oldalt, és tartalmaz még egy táblázatot az egyik cellája, amibe a tartalom jelenik meg. Minden tartalom teljesen korrektül jelenik meg, kivéve, ha a tartalom egy másik táblázat, mert akkor a egy nagy üresség jelenik meg a táblázat előtt, amit nem tudok eltüntetni, de ez a probléma csak ie 6 alatt jön elő. Az is furcsa, hogy máshol is van táblázat egymásba ágyazva, és ott nem történik ilyen.
A html kód a következő:Képes illusztrációval:
Firefox:
Internet Explorer:
Tehát azért elég zavaró és eléggé észrevehető.
Próbálkoztam már, hogy nem táblázatokkal formázok, de akkor is a tartalomban a táblázatom ugyanígy fest ie altt. A CSS-ven is próbáltam margin és padding értékeket 0-ra állítani globálisan, de az sem használt.
Teljesen kikészített az elmúlt napokban ez a probléma.
A kérdés: van-e rá mód, hogy ezt az üres sort eltüntessem, és ha igen, akkor hogyan?
Előre is köszönöm a válaszokat.
■ Táblázattal formáztam egy oldalt, és tartalmaz még egy táblázatot az egyik cellája, amibe a tartalom jelenik meg. Minden tartalom teljesen korrektül jelenik meg, kivéve, ha a tartalom egy másik táblázat, mert akkor a egy nagy üresség jelenik meg a táblázat előtt, amit nem tudok eltüntetni, de ez a probléma csak ie 6 alatt jön elő. Az is furcsa, hogy máshol is van táblázat egymásba ágyazva, és ott nem történik ilyen.
A html kód a következő:
<table class="content" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td class="left-side">
<form action='' method='post' name='login' enctype='application/x-www-form-urlencoded'>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="50%" align="right">Felhasználónév: </td>
<td width="50%" align="left"><input class='input_edit' type='text' name='user_name' value='' size='20' maxlength='16' /></td>
</tr>
<tr>
<td width="50%" align="right">Jelszó: </td>
<td width="50%" align="left"><input class='input_edit' type='password' name='user_pass' value='' size='20' maxlength='16' /></td>
</tr>
<tr>
<td width="50%" align="right"><input class='' type='checkbox' name='save_data' value='yes'/> </td>
<td width="50%" align="left">adatok megjegyzése</td>
</tr>
<tr>
<td colspan='2' align="center"><input class='input_button' type='submit' name='login' value='Bejelentkezés' /> </td>
</tr>
</table>
</form>
<div id='menucontainer'>
<a class='menu_url' href='index.php?site=page&name=welcome'><span id='menucenter'>Címlap</span></a>
<span id='menucenternoactive'>Regisztráció</span>
</div>
</td>
<td class="separator" width="10"></td>
<td class="right-side">
<table border="0" cellspacing="2" cellpadding="0">
<tr>
<td colspan='2' class='moduleitem'>Regisztráció</td>
</tr>
<form action='index.php?site=register' method='post' name='registration' enctype='application/x-www-form-urlencoded'>
<tr valign='top'>
<td class='moduleitem' width='20%'>Felhasználónév(*): </td>
<td class='moduleitem' width='80%'><input class='input_edit' type='text' name='username' value='' size='20' maxlength='16' /></td>
</tr>
<tr valign='top'>
<td class='moduleitem' width='20%'>Jelszó(*): </td>
<td class='moduleitem' width='80%'><input class='input_edit' type='password' name='password' value='' size='20' maxlength='16' /></td>
</tr>
<tr valign='top'>
<td class='moduleitem' width='20%'>Jelszó megerősítése(*): </td>
<td class='moduleitem' width='80%'><input class='input_edit' type='password' name='password2' value='' size='20' maxlength='16' /></td>
</tr>
<tr valign='top'>
<td class='moduleitem' width='20%'>E-mail cím(*): </td>
<td class='moduleitem' width='80%'><input class='input_edit' type='text' name='email' value='' size='20' maxlength='64' /></td>
</tr>
<tr valign='top'>
<td class='moduleitem' width='20%'>Ellenőrző kód(*): </td>
<td class='moduleitem' width='80%'><img src='includes/captcha.php' border='0'><br /><input class='input_edit' type='text' name='checkcode' value='' size='20' maxlength='7' /></td>
</tr>
<tr>
<td colspan='2' class='moduleitem'>A (*) megjelölt részeket ki kell töltened!</td>
</tr>
<tr>
<td colspan='2' align='center'><input class='input_button' type='submit' name='registration' value='Regisztrálás' /><td>
</tr>
</form>
</table>
</td>
</tr>
</table>
Firefox:
Internet Explorer:
Tehát azért elég zavaró és eléggé észrevehető.
Próbálkoztam már, hogy nem táblázatokkal formázok, de akkor is a tartalomban a táblázatom ugyanígy fest ie altt. A CSS-ven is próbáltam margin és padding értékeket 0-ra állítani globálisan, de az sem használt.
Teljesen kikészített az elmúlt napokban ez a probléma.
A kérdés: van-e rá mód, hogy ezt az üres sort eltüntessem, és ha igen, akkor hogyan?
Előre is köszönöm a válaszokat.
css..
CSS túl hosszú...
css fájl
és a hiba vagy eltérés ahol ez mutatkozik az pedig itt található.
Igaz ez másik skin, de ugyan az a gond ezzel is.
Igazából nem értem,
ideiglenesen talán jó lesz...
Nem túl elegáns, de hirtelen nem jutott jobb eszembe (ez a táblázatos felépítés tényleg nagyon bonyolult így, mégha a regisztrációs űrlap táblázatban van is én akkor sem raktam volna bele azt egy másik táblázatba).
A szépségtapasz a következő: A reg. űrlapot tartalmazó táblázatnak adtam egy "jobbtabla" id-t, amelyhez a css-ben a következőket írtam:
Biztosan van jobb/szakszerűbb megoldás is (biztos lehetne még játszani a táblázatokkal), én most egyenlőre ennyit tudtam segíteni.
Üdv.: Nu7ec
Köszönöm a megoldásod...
A formázást kipróbáltam úgy is, hogy az összes table tr td tag párokat lecseréltem divre, ami ugye azt eredményezte, hogy az egész egymás alatt helyezkedett el, de legalább közvetlenül. A regisztrálós táblázat előtt ugyanúgy ordibált az üres rész ie alatt. És gondolom én (de lehet, hogy nem jól), hogy valahol a regisztrálós táblánál vannak gondok, mert ha szöveget írok elé, akkor a szöveg a cella tetejére tapad, majd következik az üresség és aztán a tábla. Kicsit bosszantó...
nincs mit...
Ha megengeded, én a helyedben a két középső résznek(zöld keretesek)a hátterét nem táblázattal csinálnám, hanem egyszerűen felosztanám 2 divre, megcsinálnám mindkettőhöz egészben a hátteret (nem hinném, hogy sokkal lassítaná a betöltést) photoshopban és a jobb-oldalinak a közepébe beleraknám a regisztrációs táblázatot. Érdekes, hogy a szöveget tényleg a tetejére teszi..., hm..
Lehet tényleg a táblázattal van baj, de elég nehéz megkeresni az erdőben a fát.:)
Sikerült...
Amúgy meglett a probléma okozója. Az orrom előtt volt végig, de nem láttam. A gond az volt, hogy utf-8 karakter kódolást használtam a forrásfájlban, de nem BOM nélkül hanem azzal, és ez teleszemetelte a forráskódot, amit az ie így dolgozott fel, hogy megmagyarázhatatlan ürességeket rakott be. És átváltottam BOM nélküli utf-8-as kódolásra és jó lett.
l.o.l.