Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Dynamische Höhe“

ChilliHilli

Noch nicht viel geschrieben

Servus zusammen,
ich bin gerade dabei mir ein Photoshop Panel zu bauen und das wird mit HTML5 gemacht und da habe ich eine Frage. Ich habe 3 Bereiche, einmal den Kopf-Bereich der soll eine Feste Höhe haben, dann den Inhaltsbereich der sollte sich dynamisch anpassen und einen Fuss-Bereich, der hat auch eine feste Höhe.
Der Inhaltsbereich muss scrollbar sein, da es einiges an Inhalt gibt.
Kann mir da zufällig jemand helfen??

Liebe Grüße
Jo
 

Myhar

Hat es drauf

Ich glaube, du hast deine Frage nicht so gestellt, dass ersichtlich ist, was du meinst. HTML-Elemente haben nämlich von Haus aus eine dynamische Höhe, dafür musst du nichts besonderes machen. Eine fixe Höhe erreichst du, wenn du per CSS eine Höhe vergibst.
 

ChilliHilli

Noch nicht viel geschrieben

ja, ich wollte eigentlich mit dem Bild zeigen was ich meinte nur hat das wohl nicht geklappt.
Vielleicht erkennt man daran was ich meine
i
9oi9G]
 

Aelfry

Web Developer

ja, ich wollte eigentlich mit dem Bild zeigen was ich meinte nur hat das wohl nicht geklappt.
Vielleicht erkennt man daran was ich meine

http://[URL=https://www.shotroom.com/i/1016/9oi9G][/QUOTE]

Nö, ist trotzdem nicht klar was du meinst - ist doch genau das was Myhar vorgeschlagen hat?
2 Container (Header/Footer) mit fester Höhe und einer ohne zusätzliche Angabe, wodurch sich die Höhe nach dem content richtet (dynamisch).

Du musst da wohl konkreter werden wo dein Problem liegt.

[code=HTML]
<header style="height:100px">
Feste Höhe
</header>
<section>
Dynamische Höhe
</section>
<footer style="height:100px">
Feste Höhe
</footer>
[/code]
 

Myhar

Hat es drauf

Dann meinst du aber keine dynamische sondern eine fixe Höhe. Anders ausgedrückt, du möchtest, dass dein Inhaltsbereich immer eine fix vorgegebene Höhe hat, ist das korrekt?
Dann erweitere das Beispiel so:
Code:
<header style="height:100px">
     Feste Höhe
</header>
<section style="height:200px;overflow:scroll">
     Feste Höhe, welcher gescrolled werden kann
</section>
<footer style="height:100px">
     Feste Höhe
</footer>
[/CDOE]
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.158
Beiträge
2.581.872
Mitglieder
67.225
Neuestes Mitglied
Petra
Oben