Einzelnen Beitrag anzeigen
  #2 (permalink)  
Alt 22-07-2012, 12:45
hostbar_danny
 Registrierter Benutzer
Links : Onlinestatus : hostbar_danny ist offline
Registriert seit: Feb 2011
Beiträge: 66
hostbar_danny befindet sich auf einem aufstrebenden Ast
Standard

Das Anpassen der Darstellung an Eigenschaften des Ausgabegeräts (z.B. Bildschirmgröße) nennt sich Responsive Design.

Das Ganze funktioniert mit CSS Mediaqueries, die bestimmte CSS Angaben an Bedingungen knüpfen. Das folgende Wikipedia Beispiel zeigt auch ganz gut, was du möchtest:

Code:
#inhalt {
   width: 800px;
}
 
@media screen and (max-width: 1024px) {
   #inhalt {
      width: 600px;
   }
 
   aside {
      display: none;
   }
}
Es gibt CSS Frameworks, die diese Technik schon integriert haben, u.a. Bootstrap von Twitter ( Twitter ♥ Open Source ).

Vielleicht hilft dir das schon weiter.

Gruß Danny
Mit Zitat antworten