Druckversion "überlappt" Wörter

[cgu]

Hallo

In meiner Druckversion -die sonst tadellos funkioniert- überlappen manchmal Wörter, wenn Sie fett geschrieben sind.

Beispiel im Anhang. Hier der Quelltext:

Code: Alles auswählen

            <div class="pfadleiste">
               <a href="http://www.petrimedia.de" title="Internetpräsenz der Petri Media
GmbH">www.petrimedia.de </a>
               <span class="pfeilmarkierung">» </span>
               <a href="agb.html" title="Allgemeine Geschäftsbedingungen">Allgemeine Geschäftsbedingungen (AGB)</a>
            </div>

Habt ihr eine Idee, woher das kommen könnte?

[sadcrow]

Hat bestimmt was mit der Class-Verteilung zu tun. Ohne die Class-Zuweisung besteht der Fehler nämlich nicht mehr.

[cgu]

Was genau meinst du damit, das verstehe ich nicht so ganz. Meinst du, dass die entsprechende CSS-Formatierung geändert werden muss?

[sadcrow]

jop. gelöscht werden muss sie............eventuell halt mit BBCodes ersetzen.

[cgu]

Tut mir leid, das verstehe ich nicht ganz.

Du meinst, dass die classe in der print-CSS-Datei garnicht vorkommen soll?

[sadcrow]

Code: Alles auswählen

<div class="pfadleiste">
               <a href="http://www.petrimedia.de" title="Internetpräsenz der Petri Media
GmbH">www.petrimedia.de </a>
               <span class="pfeilmarkierung">» </span>
               <a href="agb.html" title="Allgemeine Geschäftsbedingungen">Allgemeine Geschäftsbedingungen (AGB)</a>
            </div>

ich meine, dass du da halt einfach die class weglassen sollst. Ansonsten, musst du halt mit Leerschlägen arbeiten. So leids mir tut. Gibt Fälle in denen dies unumgänglich ist.

[cgu]

Danke, ich werde das mal testen. Dann kann ich zwar das "»" nicht mehr getrennt gestalten, aber es muss ja druckbar sein ...

[cgu]

Guten Morgen,

irgendwie bekomme ich meine Probleme mit dem Drucklayout nicht wirklich in den Griff. Ich hatte ein ähnliches Problem ja schon mal (daher dieses THread-Wiederbelebung ), und da habe ich es nur umgangen. Nun kann ich das aber nicht.

Warum sind in der Pfadleiste/“Breadcrumps“ die einzelnen Elemente ineinander verschoben (Anhang)? Vielleicht habt ihr ja eine Idee...


HTML-Auszug

Code: Alles auswählen

      <div id="pfadleiste">
         <a href="http://www.industrieanlagen-schneider.de" title="Dummy">
         www.industrieanlagen-schneider.de</a>
          »
         <span id="aktuelleSeite">Startseite</span>
      </div>


CSS-Auszug (aus der Print-CSS):

Code: Alles auswählen

#pfadleiste {
   font-size:         90%;
}

#pfadleiste #aktuelleSeite{
   font-weight:      bold;
}


Helf mir bitte mal