Frage Höhe der Divs

[benbas39]

Hey,

ich hätte ganze kurz eine Frage. Und Zwar habe ich hier die Website: http://bhalfarm.myhostpoint.ch/newpage/

Nun sieht man hier ganz viele Divs untereinander. Leider ist jedes ein wenig anders groß. Zum Teil sieht man unten den Rand der anderen Farbe mal mehr und manchmal weniger.
Ich denke ihr wisst was ich meine, wie kann ich das gleichmäßig machen? Ein Div soll immer die Höhe des jeweiligen Bildschirms, bzw Browsers haben.

- benbas39

 

[SpiceLab]

Zum Teil sieht man unten den Rand der anderen Farbe mal mehr und manchmal weniger.
Ich denke ihr wisst was ich meine, wie kann ich das gleichmäßig machen? Ein Div soll immer die Höhe des jeweiligen Bildschirms, bzw Browsers haben.

Haben sie doch.

Der Grund liegt hier schlichtweg in der verharrenden Scrollposition beim Skalieren des Viewports.

Wenn hoch- oder runtergescrollt wird, erkennt man die korrekte Höhe der DIVs.

 

[benbas39]

Stimmt, irgendwie geht das, dass es genau richtig ist mit dem Div beim Scrollen, ich weiß nur nicht wie. Wahrscheinlich mit JS oder?

 

[SpiceLab]

Stimmt, irgendwie geht das, dass es genau richtig ist mit dem Div beim Scrollen, ich weiß nur nicht wie. Wahrscheinlich mit JS oder?

Korrekt ;)

https://wiki.selfhtml.org/wiki/JavaScript/Objekte/window/pageYOffset

 

[benbas39]

Hey, falls das kein zu großer Aufwand ist, könntest du mir den Code schreiben, welcher zu meiner Seite passt? Ich kenne mich mit JS nämlich null aus ^^

 

[SpiceLab]

Ich kenne mich mit JS nämlich null aus ^^

Dann wird's Zeit, es zu lernen, um die Website seinen persönlichen Vorstellungen anpassen zu können :)

 

[benbas39]

Dann wird's Zeit, es zu lernen, um die Website seinen persönlichen Vorstellungen anzupassen :)

Das weiß ich doch ^^ Aber es wäre wirklich nett wenn du mir den Gefallen tun könntest! Bitte!

 

[SpiceLab]

Das weiß ich doch ^^ Aber es wäre wirklich nett wenn du mir den Gefallen tun könntest! Bitte!

Sorry, das ist keine Win-win-Situation für beide Seiten.

Ich habe die Arbeit, und Du lernst nichts dabei.

 

[benbas39]

Sorry, das ist keine Win-win-Situation für beide Seiten.

Ich habe die Arbeit, und Du lernst nichts dabei.

Aber du kannst mir einen Tipp geben wie ich's am besten angehe.

 

[SpiceLab]

Aber du kannst mir einen Tipp geben wie ich's am besten angehe.

Das Stichwort kennst Du zwischenzeitlich seit einer halben Stunde. Und Google kannst Du doch bedienen, um selbständig danach zu recherchieren, oder?

 

[benbas39]

Das Stichwort kennst Du zwischenzeitlich seit einer halben Stunde. Und Google kannst Du doch bedienen, um selbständig danach zu recherchieren, oder?

Ich weiß echt nicht nach was ich suchen muss. Da ich keine Begriffe von JS kenne. Bitte eine kleine Starthilfe für Google ^^

 

[LeCub]

http://www.mediaevent.de/javascript/
http://www.w3schools.com/js/default.asp
http://www.kostenlose-javascripts.de/tutorials/

 

[benbas39]

Ich verstehe euch, aber ich bräuchte es echt dringend. Ich befass mich dann schon mit JS, das ist wirklich ein Ziel, welches ich mir gesetzt habe.

 

[bdt600]

https://www.html.de/forums/jobboerse.12/

 

[SpiceLab]

https://www.html.de/forums/jobboerse.12/

Danke - ich bin z.Zt. anderweitig ausgelastet

 

[benbas39]

ich brauche doch nur ein - zwei Stichwörter für eine Google-Suche.

 

[SpiceLab]

Zu dem ganzen Vorgang fällt mir leider nur der Titel "... denn sie wissen nicht, was sie tun" ein.

1. Die Seite ruft am Dokumentende das Script http://bhalfarm.myhostpoint.ch/newpage/javascript/scroll.js auf.
2. #sidebar_nav incl. der Links, um mit Hilfe dieses Scripts zu den einzelnen DIVs zu scrollen, ist derzeit (eigenartiger Weise) per display:none versteckt.
3. Wird die Fenstergröße nach dem Scrollen rauf-/runterskaliert, und anschließend eines der DIVs über den Link angesprungen, passt seine Position im Viewport wieder.
   
4. Da hier das JS-Framework jQuery zum Einsatz kommt, wäre https://api.jquery.com/resize/ bzw. https://api.jquery.com/on/ hinzuziehen, um auf die Skalierung des Viewports entsprechend zu reagieren.

ich brauche doch nur ein - zwei Stichwörter für eine Google-Suche.

Die finden sich alle im besagten Script scroll.js.

 

[benbas39]

Die Seite ruft am Dokumentende das Script http://bhalfarm.myhostpoint.ch/newpage/javascript/scroll.js auf.

Ich weiß, das brauche ich später für die sidebar, welche mit ABSICHT momentan versteckt ist.

 

[SpiceLab]

Ich weiß, das brauche ich später für die sidebar, welche mit ABSICHT momentan versteckt ist.

Schlechter Plan, wenn's darum geht, erstmal hinter die grundsätzlichen Zusammenhänge des Seitenkonzepts zu kommen.

 

[benbas39]

Schlechter Plan, wenn's darum geht, erstmal hinter die grundsätzlichen Zusammenhänge des Seitenkonzepts zu kommen.

Du kannst mir gerne sagen was noch alles schlecht ist, dennoch brauche ich nur Hilfe für dieses kleine Problem.