Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Empfohlene Antworten

Veröffentlicht

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>

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

huch, und ich dachte schon, ich habe irgendwelche Attribute verpasst :)

Danke schon mal ... :)

Ps. @Darth_Zeus ich hab auch noch reichlich an @@@@ und sogar noch ein paar !!!!! übrig ;)

dann besorge dir doch noch paar ###########

Die steigen im Wert habe ich mir sagen lassen

da hast du zwar recht, aber die sind im Einkauf leider schon so teuer dass man ein gewisses Grundkapital haben sollte! ;)

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.