Warum greift width/height-Angabe bei Bild nicht?

Ich hatte dich missverstanden, aber es ist ein Stylesheet, das als "LiveCSS" im Theme so integriert ist, dass es bei Updates erhalten bleibt. Ich habe das Theme seit mehreren Jahren und das Stylesheet blieb bei allen Updates immer erhalten.

Das betreff. Stylesheet ist zu 100% nur für custom CSS des Webmasters gedacht, d.h., ich habe das mit der Sonderregelung für den IE8 damals bestimmt selbst gemacht, genau wie alles andere darin. Warum so und nicht mit Browserweiche weiß ich nicht mehr, aber ich habe das mit Sicherheit irgendwo so gelesen oder es wurde mir im Theme-Forum so nahegelegt. Das liegt schon ca. 5 Jahre zurück. Probleme hat es bislang nie gemacht. Bis jetzt. Daran sieht man wohl, dass eine Browserweiche Sinn macht.

Aber da es den IE8 praktisch nicht mehr gibt (wird in keiner Browserstatistik mehr geführt), ist das Einfachste wohl, den Übeltäter, also diese Zeile einfach zu löschen. Das löst das Problem mit der Bilddarstellung, hat sonst keinerlei zu bedenkende Auswirkungen und eine browsertechnisch schlechte CSS-Anweisung verschwindet aus dem Styleheet.
Einverstanden, auch wenn dein geliebter Customizer leer bleibt ;)?

Wenn ich im genannten CSS-Validator die URL der Startseite eingebe, erscheinen eine ganze Menge Warnungen, die alle auf Eigenschaften hinweisen, die "eine unbekannte Erweiterung des Herstellers" sind", z.B.

"Die Eigenschaft -moz-box-sizing ist eine unbekannte Erweiterung des Herstellers

Die Eigenschaft -webkit-font-smoothing ist eine unbekannte Erweiterung des Herstellers

Die Eigenschaft -moz-transition ist eine unbekannte Erweiterung des Herstellers

Die Eigenschaft -webkit-transition ist eine unbekannte Erweiterung des Herstellers

Die Eigenschaft -moz-box-sizing ist eine unbekannte Erweiterung des Herstellers

Die Eigenschaft -webkit-box-sizing ist eine unbekannte Erweiterung des Hersteller"

Es wiederholen sich diese Zeilen dann noch ein paar Mal.
moz = Mozilla?

Nach dem Löschen des "width: auto" werden die manuellen kleinen Größen jetzt wie gewünscht angezeigt.
Seltsamerweise auch dann, wenn ich die CSS-Klasse "size-full" im img-tag belasse und nicht lösche.
Ich habe gegoogelt, aber nur herausgefunden, dass es eine WP-Standard-Klasse ist, genau wie "size-medium".

Soll ich das size-full im img-tag drin lassen oder löschen? Im Hinblick auf die verkleinerte Anzeige würde ich es lieber löschen. Hat die Klasse sonst noch einen evtl. sinnvollen Zweck? Schwere Frage, vermutlich.

In der Media Library ist das Bild halt mit "fullsize" hochgeladen worden und bei den Attachment-Eigenschaften mit fullsize gekennzeichnet. Nach dem Hochladen und Einfügen sehe ich das size-full nur noch im img-tag, in der Medienbib bei den Bildern nirgends mehr.

Hm, der img-tag im Editor mit dem besagten "size-full" entsteht aber erst und nur durch das Hochladen und Einfügen eines Bildes per WP-Medienmanager. Wüsste nicht, wie mein Theme bzw. das custom Stylesheet darauf Einfluss hätte. Ich finde es dort auch nicht. Bist du sicher, dass diese Klasse nicht vom WP kommt, je nach Einstellung in den Media-Settings?

Ich habe das z.B. auch hier gelesen:
https://www.wpbeginner.com/wp-themes/defa…-for-beginners/

For this reason it is a good idea to have styles ready for anything that the user might add to their blog, like images or blockquotes. The following CSS shows you what classes WordPress automatically adds to these elements:
.entry-content img {}
.alignleft, img.alignleft {}
.alignright, img.alignright {}
.aligncenter, img.aligncenter {}
.alignnone, img.alignnone {}

......

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

Im Quellcode der Seite sehe ich insgesamt 5 Stylesheets, also neben meinem custom Stylesheet noch vier weitere:
id='dashicons-css'
id='admin-bar-css'
id='blox-layout-front_page-css'
id='blox-responsive-grid-css'

Ich habe jeweils deren URL angeklickt und dann ging im Browser eine neue Seite mit einer ziemlich langen Codezeile auf. Nirgends habe ich size-full gefunden. In meinem custom Stylesheet auch nicht.

Im CSS-Validator wird unten dann der ganze CSS-Code aufgeführt, dort ist auch kein size-full. Dass diese Klasse die wahre volle Größe eines Bildes ausdrückt, ist klar, denn genau diese steht beim Hochladen eines Bildes in der Mediathek hinter der einzigen Option "size-full", also beim Testbild die 736x414. Aber wo ist diese Klasse definiert?
Ich kenne diese Klasse wie gesagt nur von der Mediathek beim Hochladen/Einfügen und danach steht es im img-tag (siehe Eingangspost).

Oder wie kann ich die Definitionen der 4 weiteren Stylesheets sonst noch prüfen? Ich habe immer nur mit dem Stylesheet gearbeitet, das dazu gedacht ist, nämlich "meinem" custom Stylesheet. Wie die anderen entstehen und wo deren Inhalte geprüft werden können...

Kann der FF-Inspektor helfen?

Zitat von Sailor56

Ich hätte gedacht, da sind mehr... zumindest hätte ich ein 'style.css' erwartet. Hast du vielleicht übersehen - drücke doch mal in der Quelltextansicht 'Strg'+'f' und tippe dann in das kleine Suchfeld (unten links) .css ein. Du solltest dann einfacher alle Stylesheets identifizieren können.
Im FF Inspektor solltest du allerdings auch sehen können, was in der Klasse drin steht. Untersuche ein Element /(zB dieses Bild) dem diese Klasse zugeordnet ist. Im rechten Teil der Anzeige musst du dann suchen, ob dort dann dieses 'size-full' irgendwo auftaucht... du kannst dann auch sehen, in welchem Stylesheet es steht.

Mit der beschriebenen Suche bekomme ich die URLs genau der fünf genannten Stylesheets, also z.B.
http://www.domain.de/wp-includes/css/dashicons.min.css?ver=4.9.9

Im FF-CSS-Code des Bildes rechts taucht nirgends ein "size-full" auf, obwohl auch der FF im img-tag links das "size-full" sieht.
Der CSS-Code rechts:

Element {
}
.block-type-content div.entry-content img {
    max-width: 100%;
    height: auto;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
img {
    outline: none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
        margin-right: 0px;
        margin-left: 0px;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
.block-type-content div.entry-content, .block-type-content div.entry-content p {
    color: #000000;
    font-size: 14px;
    line-height: 135%;
    font-family: verdana,sans-serif;
}
body {
    font-size: 14px;
    font-family: verdana,sans-serif;
    line-height: 100%;
    color: #000000;
}
body {
    line-height: 1;
}
margin
border
padding
×
368×207
static
box-sizing
content-box
display
block
float
none
line-height
18.9px
position
static
z-index
auto

Zitat von Sailor56

Letztlich ist es aber egal, ob du es findest oder nicht, denn es hätte ja nur informativen Charakter, um eben zu sehen, was drin steht. Dort was ändern solltest du nicht, sondern nur die für dich relevanten Formate in dein Stylesheet übernehmen und so die Anzeige nach deinen Wünschen formatieren. Was dann in der 'size-full' steht ist irrelevant, wird dann ja überschrieben.
Aber du hast doch jetzt schon eine passende Lösung für dein Problem - oder? Warum plagst du dich dann jetzt noch mit den internen Unzulänglichkeiten von WP und dessen CSS Einstellungen herum?

Im Stylesheet selbst würde ich das "size-full" sicher nicht ändern, stimmt, aber ich frage mich, ob ich diese Klasse nun im img-tag stehen lassen oder löschen soll. Immerhin geht es bei dieser Klasse um genau mein Thema, nämlich die Bildgröße. Ich habe auch im Web einen Thread gefunden, wo einer ein ähnliches Darstellungsanliegen wie ich hat und es in den Griff bekommt durch die manuelle width/height-Angabe (wie bei mir) plus Löschen all dieser CSS-Klassen in den img-tags (size-full, size-medium, size-large, size-small).

Bei mir macht das Vorhandensein oder Löschen des "size-full" aber offenbar gar keinen Unterschied. So oder so bekomme ich nun meine manuelle Größenangabe angezeigt!?

Von daher wäre es schon interessant gewesen, wie diese Klasse definiert ist bei mir.

Wenn ich es nicht weiter herausfinde, lösche ich wohl size-full aus dem img-tag.

Zitat von Sailor56

Ich vermute, von dem was du beschreibst, dass diese Klasse auch gar nicht in den Stylesheets angelegt ist. Vielleicht bietet der von WP in den img Tag eingefügte Klasse einfach nur eine Möglichkeit selbst damit was anzufangen und eigene Formate zu erstellen... eben für alle Bilder, bei denen WP diesen Klassennamen rein geschrieben hat.

So wird es wohl sein. Das würde erklären, warum es bei dem anderen Webmaster mit dessen Theme einen Unterschied gemacht hat und bei mir nicht: Eine grundsätzlich vorhandene Möglichkeit, von der in meinem Fall aber nicht Gebrauch gemacht wird im Wege einer konkreten Definition im Stylesheet.

https://codex.wordpress.org/Content_Width scheint das zu bestätigen, verstehen aber wohl nur Theme-Entwickler wirklich.