Headerhöhe variieren

[Kev95]

Hallo,
ich bin gerade dabei eine dynamische Headerhöhen zu integrieren.

<!-- Viewporthöhe --><script type="text/javascript">
if (screen.height >= 900) {
  document.all.header.style.height = "130px";
} else {
  document.all.header.style.height = "100px";
}
</script>

So sieht mein Code aus, jedoch funktioniert das irgendwie nicht so ganz.
Zugegeben ich kann kein Stück JavaScript aber ich will das für dieses eine Feature nicht unbedingt lernen.
Sehr viel kann eigentlich nicht falsch sein.

Die id, welche ich ansprechen will heißt "header".

Gruß,
Kevin

 

[threadi]

Wenn man eine ID ansprechen will, sollte man getElementById() verwenden. Also:

document.getElementById("header").style.height = xy;

Allerdings frage ich mich, wieso Du so etwas überhaupt brauchst? Solche Höhenspielereien kann man doch sicher auch per CSS lösen?

 

[Kev95]

Dankeschön!

Solche Höhenspielereien kann man doch sicher auch per CSS lösen?

Naja, nicht dynamisch auf jede Auflösung zugeschnitten.

 

[Tronjer]

Doch, mit media queries im Head.

 

[Kev95]

Doch, mit media queries im Head.

Ich lese mich gerade rein, klingt sehr gut!
Danke!