Zum Inhalt springen

Kann mir das einer Erklärern?!?!?!?!?!?!

McMaiers

Von McMaiers
in Webdesign

 Teilen

Empfohlene Beiträge

McMaiers

McMaiers

Geschrieben
Geschrieben

Folgendes Problem:

Ich hab 2 Divs (gleich groß) in dem einen hat der Text größe 10px und den anderen mit der Größe 11px

WARUM (???????????????) bricht der KLEINERE text früher um als der größere?!?!?!?!?!

Einfach mal den Code kopieren und anschaun, ist echt seltsam!

Evtl kann mir das einer erklären warum alles Browser das so anderes darstellen!

(Gedankenansätze sind: Whitespaces,Charspace)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title></title>

</head>

<body>

<div

name="A_3"

id="txt_0"

listid="0"

itemtype="text"

realFontSize="24px"

editable="1"

style="

position: absolute;

top: 19px;

left: 36px;

width: 209px;

height: 47px;

z-index: 3;

color: #000000;

font-family: Arial;

font-size: 10px;

text-align: center;

overflow: hidden;

"

><Doppelklicken Sie hier, um den Text für die Rückseite Ihres Buches zu bearbeiten></div>

<div

name="A_3"

id="txt_0"

listid="0"

itemtype="text"

realFontSize="24px"

editable="1"

style="

position: absolute;

top: 100px;

left: 36px;

width: 209px;

height: 47px;

z-index: 3;

color: #000000;

font-family: Arial;

font-size: 11px;

text-align: center;

overflow: hidden;

"

><Doppelklicken Sie hier, um den Text für die Rückseite Ihres Buches zu bearbeiten></div>

</body>

</html>

Link zu diesem Kommentar
Auf anderen Seiten teilen
tobias-digital

tobias-digital

Geschrieben
Geschrieben

Naja, du vergibst den divs eine feste Breite. Wenn die Schriftgröße eines Text größer ist läuft er natürlich auch weiter. Ist doch logisch.

Ich hab mal die ganzen falschen Attribute rausgeschmissen und den Fehler mit den gleichen ids behoben sowie Dein Markup mal ein bißchen aufgeräumt. Richtig testen und weiterentwickeln kann man nur wenn man sich auch an die Standards hält, bzw. Du willst ja HTML 4.01 verwenden, dann musst Du's auch schreiben.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>456</title>

    <style type="text/css">

    div {

      position: absolute;

      left: 36px;

      width: 209px;

      height: 47px;

      font-family: Arial, sans-serif;

      text-align: center;

      overflow: hidden;

    }

    div#txt_0 {

      top: 19px;

      font-size: 10px;

    }

    div#txt_1 {

      top: 100px;

      font-size: 11px;

    }

    </style>

  </head>

  <body>

    <div id="txt_0"><Doppelklicken Sie hier, um den Text für die Rückseite Ihres Buches zu bearbeiten></div>

    <div id="txt_1"><Doppelklicken Sie hier, um den Text für die Rückseite Ihres Buches zu bearbeiten></div>

  </body>

</html>

Grüße, Tobias

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

×
 Teilen
Zur Themenübersicht

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Links

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...