Anordnung - Text linksbündig nicht einheitlich

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Anordnung - Text linksbündig nicht einheitlich

    Guten Morgen,
    Ich habe ein Problem und zwar geht es um die anordnung des Textes in einem <div>. Der Text wird überwiegend einheitlich unteraneinander gesetzt. Nur manche Worte, je nach Vorzeichen fallen aus der Reihe und verrutschen, sowohl bei normalem Text, als auch bei Links!

    Bitte entnehmt den genauen Fehler dem angehangenen Bild. Dort kann man diesen gut einsehen.

    Habe bereits versucht die css formatierung der links mit
    padding:0px; und margin:0px; zu formatieren, aber auch das bringt leider nicht den gewünschten Erfolg.

    Die Formatierung des DIV's ist folgende:

    PHP-Code:
    #fenster_inhalt {
    position:relative;
    display:block;
    font-size:10px;
    margin-top:0px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
    color:#353535;

    oben weiter befindet sich folgendes:

    PHP-Code:
    html {
    width:100%;
    height:100%;
    }

    body,p,ul,li,i,b,u,ol,div,td,th,address,blockquote,input,select,textarea {
    font-family:VERDANA,ARIAL;
    font-size:10px;
    color:#353535;
    }

    form {
    display:inline;
    }

    h1 {
    font-size:14px;
    }

    {
    font-size:10px;
    font-weight:bold;
    text-decorationnone;
    color:#264A61;
    }

    a:visited {
    text-decorationnone;
    }

    a:hover {
    text-decorationunderline;
    color:#353535;
    }

    hr {
    color#BEC7F2;
    height:1px;


    Auch die Formatierung padding:0px; oder padding-left:0px; im div (inhalt), hat leider keinen Erfolg gebracht.

    Hatte jemand ebenfalls schonmal so ein Problem?
    Was kann ich dagegen machen?

    Gruß
    Dennis
    Angehängte Dateien

  • #2
    Wo verrutscht denn da was? Ich sehe nichts.

    Peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      schau dir das angehängte bild mal genau an, da sind sogar extra rote pfeile drauf.. der wortanfang ist nicht bündig mit den anderen Links!

      Gruß

      Kommentar


      • #4
        hier nochmal ein etwas deutlicheres Bild!

        Gruß
        Angehängte Dateien

        Kommentar


        • #5
          Jetzt sehe ich es. Allerdings kann ich den Fehler so nicht nachvollziehen. Besteht das Problem in allen Browsern? Wie werden die einzelnen Texte organisert, als Liste? Welche DTD hast du? Online-Beispiel verfügbar?

          Peter

          PS: das hier ist ziemlicher Tinnef
          PHP-Code:
          body,p,ul,li,i,b,u,ol,div,td,th,address,blockquote,input,select,textarea 
          Da reicht ein
          PHP-Code:
           * { ... } 
          aus.
          Zuletzt geändert von Kropff; 13.11.2009, 12:25.
          Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
          Meine Seite

          Kommentar


          • #6
            Also ich habe gerade nochmal nachgesehen.
            Im FF, IE 6 & Opera ist dies der Fall.

            Wenn du mit DTD den Doctype meinst, habe ich folgenden:

            PHP-Code:
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <
            html xmlns="http://www.w3.org/1999/xhtml"
            habe diesen auch schonmal deaktiviert, leider keine Veränderung!

            Die Ausgabe der Links ist nicht im Listenformat! sondern einfach link unter link mit <br> Vieleicht wäre die Ausgabe im Listenformat in dem Falle eine Lösung, aber das Problem besteht ja auch bei Ausgabe von normalem Text.

            Habe nochmal ein Bild bei Ausgabe von normalem Text angehängt!
            Angehängte Dateien

            Kommentar


            • #7
              Jetzt zeig doch mal deinen HTML-Quelltext her, bitte.
              [FONT="Helvetica"]twitter.com/unset[/FONT]

              Shitstorm Podcast – Wöchentliches Auskotzen

              Kommentar


              • #8
                Also die Zahlen sind grundsätzlich ein klein wenig eingerückt. Liegt wohl am Schriftschnitt. Ansonsten vermute ich mal, das es an der ipsig kleinen Schrift liegt. Da scheinen die Browser wohl ein paar Probleme bei der Darstellung zu haben. Allerdings solltest du mal Quellcode posten.

                Peter
                Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                Meine Seite

                Kommentar


                • #9
                  hier mal der html code den der Browser ausgibt, meinst du den Code?

                  PHP-Code:
                  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                  <
                  html xmlns="http://www.w3.org/1999/xhtml">
                  <
                  head><title></title>
                  <
                  META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
                  <
                  META NAME="generator" content="">
                  <
                  META NAME="keywords" content="">
                  <
                  META NAME="description" content="">
                  <
                  META NAME="robots" content="">
                  <
                  META NAME="Revisit-After" CONTENT="">
                  <
                  META NAME="Language" CONTENT="deutsch, de">
                  <
                  META NAME="Author" CONTENT="">
                  <
                  META NAME="page-topic" CONTENT="">
                  <
                  META NAME="Copyright" CONTENT="">
                  <
                  LINK REL="stylesheet" type="text/css" href="css/screen.css">
                  <
                  LINK REL="stylesheet" type="text/css" href="css/layout_blau.css">

                  </
                  head>
                  <
                  body OnLoad="textticker();">
                  <
                  div id="global">

                  <
                  a name="anker_systemmeldung"></a>
                  <
                  div id="fenster_titel_sys" style="background-image:url(themes/blau/titelleiste_sys_error.jpg);background-color:#D85859;border:1px solid #D85859;width:194px;margin-top:0px;">
                  <
                  a href="#anker_systemmeldung" onClick="window.open('hilfe_popup.php?fenster_id=85','hilfe_popup','width=545,height=200,dependent=1,location=0,menubar=0,resizable=0,scrollbars=1,status=0,toolbar=0');">
                  <
                  img src="themes/blau/button_hilfe.gif" alt="Hilfe" id="fenster_button" style="margin-left:175px;">

                  </
                  a>
                  <
                  p id="fenster_ueberschrift">Systemmeldung</p>
                  </
                  div>
                  <
                  div id="fenster_body_sys" name="fenster_systemmeldung" style="border:1px solid #D85859;width:194px;margin-bottom:15px;">
                  <
                  div id="fenster_inhalt" style="width:182px;">
                  <
                  center>
                  <
                  table class="innentabelle_sys">
                  <
                  tr><td class="innentabelle_sys_td" style="background:#FFFFFF;text-align:center;vertical-align:top;">
                  <
                  img src="grafiken/button_error.jpg" border="0">
                  </
                  td>
                  <
                  td class="innentabelle_sys_td" style="background:#FFFFFF;width:340px;text-align:left;">
                  Kommentar bearbeiten<br>
                  Kontaktaufnahme<br>
                  kurze Werbepause!<br>

                  Login<br>
                  Mediadaten<br>
                  Mein Fotoalbum<br><br><br>
                  <
                  span style="display:none;" id="systemmeldung_nicht_eingeloggt">

                  <
                  font color="red"><b>Du bist nicht eingeloggt!</b></font>

                  </
                  span>

                  </
                  td></tr>
                  </
                  table>
                  </
                  center>
                  </
                  div>

                  </
                  div>


                  </
                  div>
                  </
                  body>
                  </
                  html
                  Ausgabe als Bild angehängt!
                  ...
                  Angehängte Dateien

                  Kommentar


                  • #10
                    Hallo,

                    was meinst du mit "unterschiedliche Vorzeichen"? Tritt das Problem immer bei bestimmten Buchstaben auf? Im Bild sieht man es ja nur beim kleinen k, die anderen scheinen OK.

                    Meine Vermutung: es liegt an der Schriftart. Markier mal mehrere Zeilen Text und sieh dir an, ob die Markierung selbst auch flattert oder ob die bündig ist.

                    Gruß,

                    Amica
                    [COLOR="DarkSlateGray"]Hast du die [COLOR="DarkSlateGray"]Grundlagen zur Fehlersuche[/color] gelesen? Hast du Code-Tags benutzt?
                    Hast du als URL oder Domain-Beispiele example.com, example.net oder example.org benutzt?
                    Super, danke!
                    [/COLOR]

                    Kommentar


                    • #11
                      Hallo.
                      Ja ich denke mal du hast Recht!
                      Es wird wohl an der Schriftart liegen. Ist Verdana.

                      Ich habe nochmal 2 Bilder angehängt, da verspringt das fasst alle 3 Zeilen. Habe Fließenden Text eingefügt.

                      Auf dem zweiten Bild in einer Schriftgröße von 12px ist der text perfekt!
                      Vorher war er 10px...

                      Ich hatte sowas aber auch bei 10px damals nie!

                      Was kann das denn sein?
                      Angehängte Dateien

                      Kommentar


                      • #12
                        Da du kein ClearType verwendest, müssen die Glyphen ja irgendwie in das Pixelraster reingequetscht werden. Rundungsfehler sind da vorprogrammiert.
                        Zuletzt geändert von AmicaNoctis; 13.11.2009, 14:02.
                        [COLOR="DarkSlateGray"]Hast du die [COLOR="DarkSlateGray"]Grundlagen zur Fehlersuche[/color] gelesen? Hast du Code-Tags benutzt?
                        Hast du als URL oder Domain-Beispiele example.com, example.net oder example.org benutzt?
                        Super, danke!
                        [/COLOR]

                        Kommentar


                        • #13
                          Ich habe mir mal HTML-Code samt CSS gezogen und bei mir sieht es absolut sauber aus. Selbst bei der kleinen Schrift. Btw: 10px-Schriften sollte eh nicht mehr nutzen. Kann doch keine Sau lesen.

                          Peter
                          Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                          Meine Seite

                          Kommentar


                          • #14
                            So habe mal geschaut. Also der ClearType ist ab Windows Vista automatisch aktiviert. Bei System davor muss dieser aktiviert werden.

                            Ich verwende Windows XP.

                            Habe auf einem Rechner mit Vista geschaut und da läuft es wunderbar.
                            Ich würde sagen dann wird das wohl daran liegen.

                            Dann wäre das ja geklärt. :-)
                            Vielen Dank für eure Bemühungen!

                            Gruß

                            Kommentar

                            Lädt...
                            X