grafiken im IE haben abstand, im firefox nich

dragoni

jop, mein problem steht oben!
ich bin gerade dabei meine neue homepage zu machen, aber das will nicht so wie ich!

noch bin ich am optimieren vom code, da er viele unnötige sachen aufweisst, aber fehler finde ich keine!

könnt ihr mir sagen wie ich ohne div die grafiken zusammenbekomme?

http://www.dragoni.de

Ronald

Zitat von dragoni

könnt ihr mir sagen wie ich ohne div die grafiken zusammenbekomme?

http://www.dragoni.de

Forbidden
You don't have permission to access / on this server.

Wat nu ?

G.a.d.M.

Ronald

dragoni

so is fertig hochgeladen! warst etwas zu schnell

Ronald

Es haben sich im Quelltext mal wieder nicht sichtbare Zeichen eingeschlichen, die der IE immer dafür nutzt, die Tabellen mit ebenfalls unsichtbaren Füllzeichen zu bestücken.

Außerdem fehlen in deinem Quelltext Angaben zum Dokumententyp und zum Zeichensatz.

Nimm mal dieses:

HTML

<!doctype html public "-//w3c//dtd html 4.0 transitional//de">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>*** [url]www.dragoni.de[/url] *** @@</title>


</head>
<body bgcolor="#808080">
<map name="bg_head_map">
<area shape="polygon" coords="140,134,140,154,105,169,78,169" href="./" alt="Index" />
</map>


<table  width="800px" align="center" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td>[img]./pics/bg_head_c1.png[/img]</td>
    <td>[img]./pics/bg_head_t.png[/img]</td>
    <td>[img]./pics/bg_head_c2.png[/img]</td>
  </tr>
  <tr>
    <td>[img]./pics/bg_head_l.png[/img]</td>
    <td>[img]./pics/bg_head.png[/img]</td>
    <td>[img]./pics/bg_head_r.png[/img]</td>
  </tr>
  <tr>
    <td>[img]./pics/bg_head_c3.png[/img]</td>
    <td>[img]./pics/bg_head_b.png[/img]</td>
    <td>[img]./pics/bg_head_c4.png[/img]</td>
  </tr>
</table>


<table height="15px" width="800px" align="center" valign="top" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>


<table height="15px" width="800px" align="center" valign="top" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
<div align="center" border="1" bgcolor="grey"> &copy; [url='index.php?link=contact.php']Oliver Drewes[/url] </div>
</body>
</html>

Alles anzeigen

G.a.d.M.

Ronald

Maurine

Zitat von dragoni

könnt ihr mir sagen wie ich ohne div die grafiken zusammenbekomme?

http://www.dragoni.de

Hi,
Du hast ein leerzeichen nach dem img tag, habe es rot markiert.

Wenn Du das überall wegmachst hast du keine Probleme mehr....

LG

Maurine

dragoni

so, könnt ihr nochmal scheuen?

jetzt ist es gerade umgekehrt!

gut zu sehen im iexplorer , aber schlecht im firefox

in der Tat

dragoni

toller beitrag "Gast"!
das hilft mir echt weiter!

Ronald

Also ich rätsle die ganze Zeit rum und muß sagen, ich verstehe es nicht, warum der Firefox den Fehler jetzt macht - bin wohl heute zu blind oder es liegt an den "~.png"

Allerdings verstehe ich auch nicht, wozu du das ganze überhaupt in eine Tabelle zerlegst, nimm doch die Grafik einfach als ganzes ? Die Links dadrauf rufst du doch ohnehin als Map auf.

Alternatiive: Die Graiken mit Stylesheets als Hintergrundbilder einbinden:

Code

<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td style="background-image:url(http://www.dragoni.de/pics/bg_head_c1.png); background-repeat:no-repeat; width:15px; height:15px"></td>
    <td style="background-image:url(http://www.dragoni.de/pics/bg_head_t.png); background-repeat:no-repeat; width:772px; height:15px"></td>
    <td style="background-image:url(http://www.dragoni.de/pics/bg_head_c2.png); background-repeat:no-repeat; width:15px; height:15px"></td>
  </tr>
  <tr>
    <td style="background-image:url(http://www.dragoni.de/pics/bg_head_l.png); background-repeat:no-repeat; width:15px; height:170px"></td>
    <td style="background-image:url(http://www.dragoni.de/pics/bg_head.png); background-repeat:no-repeat; width:772px; height:170px"></td>
    <td style="background-image:url(http://www.dragoni.de/pics/bg_head_r.png); background-repeat:no-repeat; width:15px; height:170px"></td>
  </tr>
  <tr>
    <td style="background-image:url(http://www.dragoni.de/pics/bg_head_c3.png); background-repeat:no-repeat; width:15px; height:15px"></td>
    <td style="background-image:url(http://www.dragoni.de/pics/bg_head_b.png); background-repeat:no-repeat; width:772px; height:15px"></td>
    <td style="background-image:url(http://www.dragoni.de/pics/bg_head_c4.png); background-repeat:no-repeat; width:15px; height:15px"></td>
  </tr>
</table>

Alles anzeigen

G.a.d.M.

Ronald

dragoni

ja, mit dieser grafik ist das egal, jedoch wenn ich den unteren part in eine tabelle mache, muss ich es ja mit mehreren grafiken mcahen, da nicht jede seite gleich groß ist, ich möchte a keie frames nutzen!

Ronald

Dann wirst du um die Stylesheetvariante wahrscheinlich nicht rum kommen.

G.a.d.M.

Ronald

Modula

Ich gebe zu, es hat etwas gedauert bis ich drauf kam, aber du benutzt einen falschen Doctype.

So gehts:

=> http://modula.mo.funpic.de/dragoni/

dragoni

kann mir einer auch noch sagen was eigentlich ein doctype is?

ich schreieb ja schon seit 4-5 jahren html udn seit 2 jahren php, aber das weiss ich immer noch nich

dragoni

http://www.dragoni.de/

andere frage, die map funzt nicht beim inet explorer!
der startknopf müsste gehen!

Modula

schau dir meinen Quelltext nochmal etwas näher an - vielleicht findest du deine beiden Fehler die mir auffielen dann ja selber

=> http://modula.mo.funpic.de/dragoni/

Html-Neuling

doctype ist doch ganz oben das..........
aLso das:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

du hast dort irgendwas falsch eingegeben denn bei dir sieht man ein teil von dem code!!
und der scheiß IE macht gleich alles falsch dann tztztz

grafiken im IE haben abstand, im firefox nich

Tags

Benutzer online in diesem Thema