Feste Bild und Inhalt überlappt die feste Seitenleiste, wenn die Bildschirmauflösung / Fenstergröße abnimmt

Question

Ich habe eine Seite mit der folgenden Struktur:

generasacodicetagpre.

und formatiert mit den folgenden CSS:

generasacodicetagpre.

Anzeigen der Seite auf einem Widescreen Zeigt den Inhalt fein an.Da ich jedoch die Fenstergröße reduziere, oder wenn ich die Site auf einem Bildschirm mit unteren Auflösung anzeigen, fängt das feste Bild und der Text darunter an, um die Seitenleiste zu verschleiern, obwohl es ein wenig skaliert wird.Wenn die Seite scrollt, obwohl ein Teil des Textes, um den Platz für die Seitenleiste zu schaffen, überlappt der untergeordnete Text beim Scrollen.

Ein grobes Beispiel des Problems ist hier zu sehen: http://jsfiddle.net/4wqzp/

Welche Änderungen muss ich machen?

edit: Um zu klären, hoffte ich auf ein einfaches CSS / HTML-basiertes Fix.JavaScript ist eine Option, obwohl ich versuche, es zu vermeiden, da ich es bisher nicht wirklich in dieser Seite benutzt habe.

Answer 1

für die Verwendung eines adaptiven Designs zwei Arten)), das erste ist, das zuerst den bootstrap Framework zu verwenden, der zweite istSchreiben Medienabfragen