Zusätzlich noch ein linear-gradient Problem

[Melina]

Andere haben ihren Bildschirm hochkant gedreht. Dann ist der Verlauf auch bei wenig „Inhalt“ (von welchem Inhalt redest du hier?) länger, was du „unschön“ findest.

Auch hier nochmals, die Frage, kann es sein, dass wir beide etwas unterschiedliches sehen? Schau dir mal bitte die ersten beiden Bilder an: http://forum.de.selfhtml.org/?t=219057&m=1510985. Oben ist die Top- und Seitennavigation zu sehen und auf dem zweiten Bild den Content, den du angeblich nicht siehst.

Ich vermute, du willst den Wechsel von grau zu ocker an der Höhe deines Kopfbereiches festmachen, nicht an der Höhe des Viewports.

Ganz genau.

Nein. Vergiss, dass es sowas wie Pixel gibt. Auch max-width von body sollte nicht in px, sondern in em angegeben werden.

Das habe ich nun schon von einigen gehört. Auf der anderen Seite höre ich auch immer, dass man z.B. ein border weiterhin in px angegeben kann und auch sollte. Laut deiner Aussage, müsste ich selbst dafür em nehmen?

Du musst mit der Einheit arbeiten, die die Höhe deines Kopfbereiches bestimmt.

Ok, habe ich nun gemacht und es sieht auf beiden Seiten gleich aus

  
html {  
	font-family:Tahoma, Geneva, sans-serif;  
	font-size:0.9em;  
	background: #efefef;  
	background: -webkit-linear-gradient(top, rgb(254,254,254), rgb(227,233,239) 15em, rgb(230,196,90) 15em);  
	background: linear-gradient(top, rgb(254,254,254), rgb(227,233,239) 15em, rgb(230,196,90) 15em);  
}  

Die Angabe als rgba ist unsinnig, wenn die Opazität überall 1 ist. Also besser:
linear-gradient(to bottom, rgb(254,254,254) 1%, rgb(227,233,239) 27%, rgb(227,233,239) 30%, rgb(230,196,90) 30%).

Vielen Dank, so sieht der Code schon viel schön aus und ist vor allem um 2/3 kürzer. Ist also ein scheiß Tool, werde ich nicht wieder verwenden.