Höhe der Seite passt sich Content nicht an

[Gunnar Bittersmann]

@@celdri:

nuqneH

@font-face
{
font-family: Architect;
src: url(../fonts/ArchitectsDaughter.ttf);
}

@font-face
{
font-family: Libertine;
src: url(../fonts/LinLibertine_R.woff);
}

Wenn’s cross-browser funktionieren soll, kann’s nicht schaden, die Schriften in verschiedenen Formaten anzubieten.

font-size: 14pt;

pt ist für Druckausgaben. Das ist keine geeignete Einheit für die Bildschirmdarstellung. Verwende px oder noch viel besser em bzw. rem.

background: -moz-linear-gradient(top, #62c8f5 0%, #62c8f5 320px, #96d8f5 320px, #96d8f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62c8f5), color-stop(320px,#62c8f5), color-stop(320px,#96d8f5), color-stop(100%,#96d8f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #62c8f5 0%, #62c8f5 320px, #96d8f5 320px, #96d8f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #62c8f5 0%, #62c8f5 320px, #96d8f5 320px, #96d8f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #62c8f5 0%, #62c8f5 320px, #96d8f5 320px, #96d8f5 100%); /* IE10+ */
background: linear-gradient(to bottom, #62c8f5 0% #62c8f5 320px, #96d8f5 320px, #96d8f5 100%); /* W3C */

Bis auf die Zeilen mit -webkit-Präfix und ohne Präfix kannst du alles andere löschen. -moz- und -o- sind lange obsolet, -ms- hat es für Gradienten nie gegeben. http://caniuse.com/css-gradients

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

Bei border-radius können sämtliche Präfixe weg. http://caniuse.com/border-radius

#sidebar{
background: rgba(100,100,100,0.4);

Hier fehlt ein Fallback für Browser, die rgba() nicht kennen. Einfach davor eine opake Hintergrundfarbe angeben:

background: #646464;
        background: rgba(100,100,100,0.4);

webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;

Syntaxfehler: '-' fehlt.

Außerdem gilt das für Gradienten Gesagte, s.a. http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox/#comment-901

Qapla'