Fehlerhafte Darstellungen im Edge
bearbeitet von einsiedlerHallo liebe Forumer,
Bei meinem Projekt habe ich mehrere Probleme und zwar (eigentlich) NUR im Edge
Link zur fehlerhaften Seite : [Link zur Seite](https://www.tassilosturm.de/)
A) Fehlerhafte Darstellung im <header> </header>
Im Firefox Quantum (63.0.3) , Opera Version:56.0.3051.116 & Chrome Version 70.0.3538.110
scheint alles wunderbar zu laufen, es kann aber sein das auch dort der Code oder das CSS nicht richtig ist. Jedenfalls bricht der Text der <h>`s bzw. zusammen mit dem Logo, nicht um (wird getrennt), wie in den übrigen Browsern, wenn man das Browserfenster zusammenschiebt. Siehe screen: [Screen zu A)](https://tassilosturm.de/images/screen6.jpg)
Villeicht ist der html-Aufbau wie ich es gemacht habe schon nicht richtig.
Was läuft da falsch?
B) Wenn sich ein Text im <main> befindet, läuft alles reibungslos, er wurde einfach umgebrochen wenn das Bildschirmfenster schmaler wurde.
Doch nun bei einem IMG sieht es anders aus.
Im Opera, firefox und chrome wird das Img beim zusammenschieben des Bildschirmfensters schmaler, es verkleinert sich. So soll es sein.
Doch nur im IE macht er dieses "Verhalten" nicht.
Wie im screen [Screen zu B)](https://tassilosturm.de/images/screen7.jpg) wird das Foto nicht "verkleinert", irgendwann wird es einfach rechts ausgeblendet wegen overflow: hidden;
Was läuft da falsch? Ist da der Aufbau nicht richtig?
C) Ich verstehe folgende Fehlermeldungen des Validators NICHT und wie kann man es beheben? [Validator-Meldung](https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.tassilosturm.de%2F)
Vielen dank für eure Mithilfe.
Der einsiedelnde