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>

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

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden
 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...