CSS an Browserbreite abstimmen

[easymoments]

Hallo zusammen,

ich habe meine Seite komplett dynamisch gestaltet. Sprich wenn man das Browserfenster größer oder kleiner zieht, dann wachsen und schrumpfen auch die Bilder.

Aber

Wie kann ich definieren, dass ab einer bestimmten Browserbreite, eine andere CSS Definition genommen wird.

Was will ich machen?
Ich habe ein Emobild und daneben ein Logo.
Wenn das Browserfenster jetzt ziemlich klein wird, möchte ich dass das Bild über die gesamte Browserbreite geht und Logo auf dem Bild sitzt.
Kann man irgendwie definieren, dass ab X-Browserbreite, ein andres Style geladen wird?

Freu mich auf Hilfe.
LG Sandra

 

[Nicolas Glauser]

Du kannst mittels Javascript den Browser feststellen und danach die Breite des Browserfenster. Dann machst du ein Standard CSS-File und darunter noch Javascript so in dieser Richtung:
if(window.innerWidth > 800){
document.write(stylesheet einbinden);
}

Mein Vorschlag wäre aber das Bild als Hintergrund zu definieren und das Logo als Bild, dann wird das Logo über das Bild geschoben beim verändern der Browserbreite. Für genauere Hinweise musst du den Quellentext oder am besten die Seite posten.