Anordnung - Text linksbündig nicht einheitlich

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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
    Attached Files

  • #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

    Comment


    • #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ß

      Comment


      • #4
        hier nochmal ein etwas deutlicheres Bild!

        Gruß
        Attached Files

        Comment


        • #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.
          Last edited by Kropff; 13-11-2009, 11:25.
          Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
          Meine Seite

          Comment


          • #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!
            Attached Files

            Comment


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

              Shitstorm Podcast – Wöchentliches Auskotzen

              Comment


              • #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

                Comment


                • #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!
                  ...
                  Attached Files

                  Comment


                  • #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]

                    Comment


                    • #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?
                      Attached Files

                      Comment


                      • #12
                        Da du kein ClearType verwendest, müssen die Glyphen ja irgendwie in das Pixelraster reingequetscht werden. Rundungsfehler sind da vorprogrammiert.
                        Last edited by AmicaNoctis; 13-11-2009, 13: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]

                        Comment


                        • #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

                          Comment


                          • #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ß

                            Comment

                            Working...
                            X