Hallo zusammen!

Ich arbeite derzeit an einem neuen Blogtemplate für mich und habe jetzt ein Feature auf einer anderen Webseite gesehen, welches ich auch gern bei mir integrieren würde.

Geht mal auf www.stiehlover.com und zieht mit der Maus das Browserfenster kleiner bzw grösser. Ab bestimmten Grössen baut sich der Content / Style der Webseite um.. Somit läuft das ganze auch problemlos auf dem iPad / iPhone / android usw..


Wie lässt sich sowas realisieren? Ist das NUR CSS!?
...habe nämlich keinen Plan nach was ich googlen soll


Vielen Dank im Voraus

Also wenn ich die Größe des Fensters ändere, dann verschwinden nur ein paar der Menüpunkte weil der Bereich zu klein wird.

Neu aufbauen tut sich bei mir nichts. Mit welchem Browser hast du das gemacht?

Hallo

Du kannst sowas entweder über javascript machen (schlechte variante)
oder besser mit den CSS Media Querys http://www.w3.org/TR/css3-mediaqueries/

ich hab zb bei einer meiner Seiten folgendes eingesetzt:

Code css:

1 2 3 4 5 6

@media screen and (max-width: 550px)     , handheld     , screen and (max-device-width: 550px)     { /* menü anpassen usw */ }

Zitat von tombe

Also wenn ich die Größe des Fensters ändere, dann verschwinden nur ein paar der Menüpunkte weil der Bereich zu klein wird.

Neu aufbauen tut sich bei mir nichts. Mit welchem Browser hast du das gemacht?

doch doch.. Geh z.B. mal auf die Seite mit den arbeitsbeispielen: http://www.stiehlover.com/arbeitsbeispiele/

wenn du jetzt den Browser (egal welcher.. in meinem Fal Firefox) verkleinerst, verkleinern sich automatisch die bilder. Nach weiterer Verkleinerung erscheint im Headerbreich ein suchfeld. Wenn du nun noch weiter verkleinerst, haste da dropdown menüs

css media querys... ich mach mich mal schlau Danke soweit!