Spacer.gif + Firefox

[Pootch]

hi
das spacer gif funktioniert nicht mit firefox. der browser ignoriert es
und schiebt den text zusammen.
woran liegt das?

[wahsaga]

hi,

das

jenes, welches am 13.8.1997 auf dem linux-system von opa kunze gespeichert wurde?

spacer gif funktioniert nicht mit firefox.

welche notwendigkeit siehst du heute noch, spacer-gifs einzusetzen?
CSS existiert.

der browser ignoriert es
und schiebt den text zusammen.
woran liegt das?

an deinem code vermutlich.

gruß,
wahsaga

[Pootch]

ja bin nicht so css versiert
deshalb hab ich eine einfach webpage in tabellen format erstellt.
weil eigentlich nicht mehr nötig ist.

[rob]

Poste deinen Code, sonst kann niemand erkennen, wo das Problem liegt...

[Pootch]

<table width="100%" cellpadding="0">
  <tr>
   <!-- Navigation -->
    <td width="20%" height="100%" align="center" valign="top" class="stylesheet">
   <p style="line-height:0.9cm;">&nbsp;</p>
   <p>&nbsp;</p>
   <p><a href="index.htm"><img src="images/button_home1.png" width="128" height="43" border="0"/></a></p>
      <p><a href="kanzlei.htm"><img src="images/button_kanzlei1.png" width="128" height="43" border="0"/></a></p>
      <p><a href="schwerpunkte.htm"><img src="images/button_schwerpunkte1.png" width="128" height="43" border="0"/></a></p>
      <p><a href="kosten.htm"><img src="images/button_kosten1.png" width="128" height="43" border="0"/></a></p>
   <p><a href="service.htm"><img src="images/button_service1.png" width="128" height="43" border="0"/></a></p>
   <p><a href="entscheidungen.htm"><img src="images/button_entscheidungen1.png" width="128" height="43" border="0"/></a></p>
   <p><a href="kontakt.htm"><img src="images/button_kontakt1.png" width="128" height="43" border="0"/></a></p>
   <p>&nbsp;</p>
   <p style="line-height:0.9cm;">&nbsp;</p>
 </td>
 <!-- Content -->
 <td width="80%" valign="top" class="stylesheet">
   <p><img src="spacer.gif" alt="Layout-Element" width="850" height="1"></img></p>
   <p>&nbsp;</p>
   <h1>Kosten</h1>
   <p>&nbsp;</p>
   <p style="padding-left: 10px; padding-right: 10px;">
    Das Honorar des Rechtsanwaltes ist durch den Rechtsanwaltstarif und die Honorarrichtlinien der Rechtsanwaltskammer geregelt
    und unterliegt einer strengen standesrechtlichen Kontrolle. Wir beraten Sie gerne und ausführlich über eine zu erwartende
    Kostenbelastung aus unserer Tätigkeit.
   </p>
   <p style="padding-left: 10px; padding-right: 10px;">
    Wir arbeiten in diesem Bereich mit allen Rechtsschutzversicherern zusammen, wobei uns
    viele als Korrespondenzanwalt führen. Damit ist auch ein allfälliger Selbstbehalt in Ihrer Rechtsschutzversicherung meist kein
    Thema.
   </p>
   <p style="padding-left: 10px; padding-right: 10px;">
    Eine erste anwaltliche Beratung, die sich im üblichen Rahmen bewegt, wird von uns entsprechende den Richtlinien der
    Rechtsanwaltskammer kostenlos erteilt.
   </p>
   <p style="padding-left: 10px; padding-right: 10px;">
    Bedenken Sie, dass profunde rechtliche Hilfe sowohl in Vorbereitung als auch während
    eines gerichtlichen Verfahrens in den meisten Fällen Fehler und finanzielle Schäden verhindern kann.
   </p>
 </tr>
</table>

[Pootch]

Poste deinen Code, sonst kann niemand erkennen, wo das Problem liegt...

die Zeile mitn Spacer.gif welche im ie funktioniert.

p><img src="spacer.gif" alt="Layout-Element" width="850" height="1"></img></p>

[MudGuard]

Hi,

die Zeile mitn Spacer.gif welche im ie funktioniert.
p><img src="spacer.gif" alt="Layout-Element" width="850" height="1"></img></p>

Verwendest Du HTML oder XHTML?
Bei HTML ist das falsch, da dann img kein schließendes tag haben darf.
Bei XHTML wäre es empfehlenswert, öffnendes und schließendes Tag zu einem Tag zusammenzufassen (mit Leerzeichen vor dem /).

cu,
Andreas

[Pootch]

Verwendest Du HTML oder XHTML?

xhtml

hab jetzt die entsprechenden img befehle korrigiert. die website sieht jetzt im firefox und ie gleich aus, jedoch funktioniert das spacer gif noch immer nicht im firefox 1.0
er schreib mir nur hin "Layout-element" (hab ja den befehl alt="" verwendet.. kann das der grund sein??)

kannst ja mal nachsehn.
website hab ich mit dreamweaver 2004 mx erstellt. und dieser arbeitet normalerweise sehr genau und gut.

www.lichtenwagner.at

[MudGuard]

Hi,

er schreib mir nur hin "Layout-element" (hab ja den befehl alt="" verwendet.. kann das der grund sein??)

Dann findet er das Bild nicht oder es ist kaputt.
"Layout-element" ist als alt-Text für ein spacer.gif absolut blödsinnig.

http://www.lichtenwagner.at/spacer.gif ==> 404 not found

cu,
Andreas

[Pootch]

Dann findet er das Bild nicht oder es ist kaputt.

falsch:
die richtige url wäre (und funktioniert):

http://www.lichtenwagner.at/images/spacer.gif

hab die bilder in einem unterordner
im IE funktioniert ja alles einwandfrei

"Layout-element" ist als alt-Text für ein spacer.gif absolut blödsinnig.

mhm hätte wir eigentlich auf der Fachhochschule gelernt, dass wir zb. bei einem Spacer.gif dieses mit alt="Layout-element" bezeichnen sollen. glaub nicht dass uns unser prof. schwachsinn erzählt.

[MudGuard]

Hi,

Dann findet er das Bild nicht oder es ist kaputt.
falsch:
die richtige url wäre (und funktioniert):

http://www.lichtenwagner.at/images/spacer.gif

hab die bilder in einem unterordner

Und woher soll ein Browser das wissen?

Wenn Du in dem Dokument mit der URL
http://www.lichtenwagner.at/
folgende Zeile stehen hast
   <p><img src="spacer.gif" alt="Layout-Element" width="850" height="1" /></p>
woher soll ein Browser dann wissen, daß da noch irgendein Pfad verwendet werden soll, der nirgendwo angegeben ist?

im IE funktioniert ja alles einwandfrei

Der hat vielleicht irgendwas im Cache oder sonstwo.

"Layout-element" ist als alt-Text für ein spacer.gif absolut blödsinnig.

mhm hätte wir eigentlich auf der Fachhochschule gelernt, dass wir zb. bei einem Spacer.gif dieses mit alt="Layout-element" bezeichnen sollen. glaub nicht dass uns unser prof. schwachsinn erzählt.

Doch, hat er.
Der Alt-Text ist das, was angezeigt werden soll, wenn das Bild nicht angezeigt werden kann (z.B. in einem Textbrowser).
Ein Bild, das keinerlei inhaltliche Bedeutung hat, also inhaltsleer ist, sollte einen ebensolchen inhaltsleeren Alternativtext haben.

cu,
Andreas

[Ingo Turski]

Hi,

falsch:
die richtige url wäre (und funktioniert):

http://www.lichtenwagner.at/images/spacer.gif

nur daß in Deinem Quellcode steht:
<img src="spacer.gif" alt="Layout-Element" width="850" height="1" />

Und Geckos zeigen _bei nicht geladenen_ Grafken korrekt den Alternativtext an, sofern er wie hier angegeben wurde.

mhm hätte wir eigentlich auf der Fachhochschule gelernt, dass wir zb. bei einem Spacer.gif dieses mit alt="Layout-element" bezeichnen sollen. glaub nicht dass uns unser prof. schwachsinn erzählt.

doch! Das ist sogar hochgradiger Schwachsinn. Welchen Sinn sollte die Anzeige von "Layout-Element" bei nicht geladenenen bzw. abgeschalteten Bildern oder in Screenreadern machen? Welchen Informationsgehalt hat diese Ausgabe?

freundliche Grüße
Ingo

[Pootch]

nur daß in Deinem Quellcode steht:
<img src="spacer.gif" alt="Layout-Element" width="850" height="1" />

und wie gehörts dann richtig?
wenns im gleiche projekt ist, brauch ich doch den pfad nicht angeben

[MudGuard]

Hi,

nur daß in Deinem Quellcode steht:
<img src="spacer.gif" alt="Layout-Element" width="850" height="1" />
und wie gehörts dann richtig?
wenns im gleiche projekt ist, brauch ich doch den pfad nicht angeben

Doch, natürlich.
Woher sollte sonst ein Browser wissen, ob er http://www.lichtenwagner.at/spacer.gif oder http://www.lichtenwagner.at/images/spacer.gif oder http://www.lichtenwagner.at/bilder/spacer.gif oder ... vom Server anfordern soll?

cu,
Andreas

[Pootch]

Woher sollte sonst ein Browser wissen, ob er http://www.lichtenwagner.at/spacer.gif oder http://www.lichtenwagner.at/images/spacer.gif oder http://www.lichtenwagner.at/bilder/spacer.gif oder ... vom Server anfordern soll?

ja aber die anderen bilder werden ja angezeigt
und bei denen hab ich das nicht anders gemacht.
also wo liegt das problem

[MudGuard]

Hi,

Woher sollte sonst ein Browser wissen, ob er http://www.lichtenwagner.at/spacer.gif oder http://www.lichtenwagner.at/images/spacer.gif oder http://www.lichtenwagner.at/bilder/spacer.gif oder ... vom Server anfordern soll?

ja aber die anderen bilder werden ja angezeigt
und bei denen hab ich das nicht anders gemacht.

Doch:
   <p><a href="index.htm"><img src="images/button_home1.png" width="128" height="43" border="0" /></a></p>
      <p><a href="kanzlei.htm"><img src="images/button_kanzlei1.png" width="128" height="43" border="0" /></a></p>
      <p><a href="schwerpunkte.htm"><img src="images/button_schwerpunkte1.png" width="128" height="43" border="0" /></a></p>
      <p><a href="kosten.htm"><img src="images/button_kosten1.png" width="128" height="43" border="0" /></a></p>

<img src="images/wolfgang.JPG" alt="Rechtsanwalt - Mag. Wolfgang Lichtenwagner" width="308" height="231" border="0" />

Dort hast Du jeweils den Pfad angegeben.

also wo liegt das problem

Bei Dir.

cu,
Andreas

[Pootch]

Gut danke für deine hilfe.

hab jetzt den pfad bei den spacer.gifs angegeben.
und es funktioniert. die zeilen werden nicht zusammengedrückt.

so nun hab ich nur mehr einen kleinen letzten fehler.
(der wieder nur beim firefox browser auftritt)

beim ersten bild auf der home site, schiebt sich trotzdem der name, der unterm bild steht zusammen. bei den anderen bildern ist das nicht so.

hier der code dazu:

<!-- Bild Lichtenwagner -->
<div style="position:absolute; top:5.98cm; left:0px; width:264px;
  height: 221px;">
 <img src="images/wolfgang.JPG" alt="Rechtsanwalt - Mag. Wolfgang
  Lichtenwagner" width="308" height="231" border="0" />
</div>
<div style="position:absolute; top:12.171cm; left: 458px;">Mag.
  Wolfgang Lichtenwagner</div>

PS: die anderen bilder wurden identisch, nur mit anderen werten positioniert.

[wahsaga]

hi,

beim ersten bild auf der home site, schiebt sich trotzdem der name, der unterm bild steht zusammen. bei den anderen bildern ist das nicht so.

hier der code dazu:

<!-- Bild Lichtenwagner -->
<div style="position:absolute; top:5.98cm; left:0px; width:264px;
  height: 221px;">
<img src="images/wolfgang.JPG" alt="Rechtsanwalt - Mag. Wolfgang
  Lichtenwagner" width="308" height="231" border="0" />
</div>

was soll denn das überhaupt?

den div machst du 264 pixel breit, um dann ein bild mit 308 pixeln breite reinzuknallen - _was_soll_das_?
warum machst du den div nicht gleich so breit wie das bild?

<div style="position:absolute; top:12.171cm; left: 458px;">Mag.
  Wolfgang Lichtenwagner</div>

und wer oder was soll hier deiner meinung nach den namen am "zusammenschieben" hindern?
hier hast du gar keine breite angegeben, und dein spacer-gif ist auch nirgends zu sehen.

PS: die anderen bilder wurden identisch, nur mit anderen werten positioniert.

ja, und das scheint auch dein haupt-problem zu sein: du verwendest position:absolute offenbar als "allheilmittel". das ist es aber definitiv nicht.

informiere dich über die _anderen_, meist sinnvolleren möglichkeiten, layouts mit CSS zu beeinflussen  - stichwort u.a. float - und verzichte auf diese übermäßige verwendung absoluter positionierung.

gruß,
wahsaga

[Pootch]

beim ersten bild mit der unterschrift "Mag. Wolfgang Lichtenwagner"
da schiebt sich im Firefox bei verkleinern des Fenster genau dieser Schriftzug "Mag. Wolfgang Lichtenwagner" zusammen. Bei den anderen Bildern passiert das nicht. 1 Spacer.gif müsste doch ausreichen oder?
Wieso klappts bei allen anderen Bilder und bei dem einem nicht?!

[MudGuard]

Hi,

Wieso klappts bei allen anderen Bilder und bei dem einem nicht?

Wieso liest Du nicht, was Dir geantwortet wird?
Weil Du bei Wolfgang keine Breite angegeben hast:

Vergleiche:

<div style="position:absolute; top:12.171cm; left: 458px;">Mag. Wolfgang Lichtenwagner</div>
<div style="position:absolute; top:18.177cm; left: 788px; width: 161px;">Mag. Helmut Laimer</div>

cu,
Andreas

[Pootch]

jup jetzt funktionierts
danke nochmal

PS: bin blutiger anfänger :)

[MudGuard]

Hi,

PS: bin blutiger anfänger :)

Beim Lesen? SCNR ;-)

cu,
Andreas