Hallo,
Ich hatte einen Codepen erstellt und hier verlinkt. Dann hab ich gelesen, dass du das für die Schule brauchst. Da werd ich einen Teufel tun und dir eine fertige Lösung präsentieren, die du dann als die deine abgeben kannst.
dein Code wie ich hin hier http://codepen.io/gunnarbittersmann/pen/YXmXpy?editors=010 sehe, hätte ich nie abgeben dürfen.
a) wäre die Gefahr viel zu groß dass mein Lehrer den Code bei Google eingibt und dann auf dieses Beispiel gelangt 6!
b) wie du selber schreibst geht er wohl nicht in allen (wichtigen) Browsern. Unter wichtig zählen wir IE 9 / 10 / 11 / 12? und Edge, Firefox in der aktuellen - 2 Versionen, Google Chrome in der aktuellen Version - 2 Versionen und Opera in der aktuellen Version - 2 Versionen.
c) wenn ich mir dein Code im Browser (Google Chrome) anschaue ich in ein Select Feld klicke springt der obere Rahmen, auch hier hätte ich eine schlechte Note bekommen.
Wie du siehst komme ich um eine div Lösung nicht drum herum so dass es in allen Browsern ohne wenn und aber funktioniert.
Im nächsten Posting hab ich dann auch den Deckel meiner Schatztruhe angehoben und
linear-gradient
, Flexbox undbox-shadow
vorkucken lassen.
Mit Flex hatte ich hier schon Angefangen: http://forum.selfhtml.org/self/2015/aug/23/suchformular/1648534#m1648534 dann hättest du auch hier schreiben können, dass ich auf dem richtigen Weg bin. Aber egal, jetzt ist es eh schon durch.