• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Fieses Darstellungsproblem

Status
Für weitere Antworten geschlossen.
R

RobinsonHamburg

Neues Mitglied
Hallo,
mir macht folgendes Problem zu schaffen:

Wenn ich die Site mit IE anschaue sieht die Suche fehlerfrei aus wie auf dem oberen Bild zu sehen.

Schaue ich die Site aber mit Firefox, Opera, Netscape oder Mozilla an sieht die Box so aus wie auf dem unteren Bild zu sehen ist.

Die Box besteht aus mehreren einzelnen gif-Teilen...und die werden halt mit den genannten Browsern durch diesen Abstand sichtbar was natürlich nicht gerade schön aussieht.

1024_6466363466646336.jpg


Kann mir bitte jemand sagen um was für ein Problem es sich handelt?
Ich finde es komisch das alle Brwoser ausser IE das nicht richtig anzeigen.
Immer der gleiche Fehler.

Viele Grüsse
Rob
 
Werbung:
Hi,
hast du nach dem image noch leerzeichen (oder sonstige zeichen)?

ich hatte das gleiche problem, da hat es geholfen das alles in eine zeile zu schreiben (weil dadurch halt keine leerzeichen auftreten können bzw. du sie direkt siehst)
 
Werbung:
in der tat. oder hast du dir etwa gedacht dass wir vom bild heraus den HTML-fehler entdecken koennen? :)
 
Habe gedacht das ist vielleicht ein bekanntes Standard-Problem weil es ja bei alles Browsern ausser IE auftritt.
Hier ist der Code zu der Suche-Box:

{config_load file="$language/lang_$language.conf" section="boxes"}
{$FORM_ACTION}
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
navleft_top1-1.gif
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
navleft_search.jpg
</td>
<td>
navright_top2-2_corner.jpg
</td>
<td>
navleft_top2-3.gif
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
navleft_top3-1.gif
</td>
</tr>
<tr>
<td background="templates/xtc2/img/navleft_main_bg.gif">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
pixel_trans.gif
</td>
<td>
<table>
<td class="boxText">
<table width="100%" border="0" cellpadding="2" cellspacing="0">
<tr>
<td valign="middle">{$INPUT_SEARCH}</td>
<td valign="middle">{$BUTTON_SUBMIT}</td>
</tr>



</td>
</tr>
</table></td>
</table><a href="{$LINK_ADVANCED}"><div><font color=#000000><font size=2><p style="font-family:verdana">

{#text_advanced_search#}</p></font></font></div></a>
</td>
<td>
pixel_trans.gif
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
navleft_bottom1-1.gif
</td>
</tr>
</table>
{$FORM_END}


Könnt ihr vielleicht erkennen woran es liegen könnte?

Viele Grüsse
Rob
 
<td>
<table border="0" cellspacing="0" cellpadding="0">

muss zu

<td><table border="0" cellspacing="0" cellpadding="0">

und

</table>
</td>

zu

</table></td>
 
Werbung:
Hallo,
danke!
Werde den Tipp gleich testen.
Und was ist wenn dazwischen noch ein <tr> ist wie zB hier?
Ich bin mir relativ sicher das es an diesem Stück Code liegt.

<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
navleft_search.jpg
</td>
<td>
navright_top2-2_corner.jpg
</td>
<td>
navleft_top2-3.gif
</td>
</tr>
</table>
</td>
</tr>
 
<td> und <tr> zusammenzuheften bringt nix, da dazwischen nix "dargestellt" wird. hat's funktioniert?
 
Ich habe es jetzt mal so probiert:


<tr>
<td><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
navleft_search.jpg
</td>
<td>
navright_top2-2_corner.jpg
</td>
<td>
navleft_top2-3.gif
</td>
</tr>
</table></td>
</tr>


Es hat sich aber leider nichts getan :(
 
Werbung:
genau aus diesem grund hasse ich firefox ... moment, ich schau mir das mal an. gib mal die links zu den bildern bitte und zu dem GEPARSTEN sourcecode, damit ich rumtesten kann.
 
Anmerkung: Frage wurde in per PN geloest. Es war die doctype, welche von strict auf <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> umgestellt werden musste. falls jemand das selbe problem hat, einfach die doctype aendern.
 
Werbung:
also nochmla an raphael:
ob man nun <td><table> oder
<td>
<table>
schreibt is doch vollkommen egal :lol: :lol:
 
aha? das waere mir neu :) IE ist es egal, ja, aber ich hab da schon so einiges verwunderliches gesehen ... ;) in diesem fall waere es aber egal gewesen, jop, da die schriftgroesse kleiner war als die hoehe der spalten.
 
aber was soll denn da der unterschied sein ;ugl
oder von was für nem browser redet ihr hier gerade :lol:
 
Werbung:
ich rede ueber firefox im moment. probier mal folgendes:

mache eine leere tabelle (<td></td>) mit border=1 und schaue sie unter IE an und unter firefox. Nun, mache einen &amp;nbsp; in die <td>s rein, und du wirst sehen was ich meine: IE behandelt ein einfaches leerzeichen nicht als tabelleninhalt, die tabelle ist ohne nbsp "leer" und wird somit nicht dargestellt. bei firefox ist das anders. Wenn du jetzt eine riesen schriftgroesse fuer diese <td> definiert haettest, wuerde bei firefox, welcher diesen abstand zwischen <td> und <table> ja als "inhalt" interpretiert, ein "riesengrosses leerzeichen" dargestellt werden, welches die bilder verzerrt. hoffe mein wirrer gedankengang konnte einigermassen zu wort gebracht werden :)
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben