Suchen
Inside Forum
Nützliche Links




 
phpforum.de bei Facebook
 
phpforum.de bei Twitter
 

Zurück   PHP Forum: phpforum.de > andere (Programmier-)Sprachen > CSS

CSS Alles rund um CSS

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 13.03.2018, 16:44
mikexmagic mikexmagic ist offline
Besucher
 
Registriert seit: 29.10.2015
Beiträge: 66
Standard Bereich zwischen Header und Footer Scrollbar

Hallo Leute,

ich verzweifel schon wieder am CSS für meiner Seitenbereiche...

So soll meine Seite aufgebaut sein:

Header, 36px hoch, volle breite, immer da
Content, auto hoch, volle breite, scrollbar
Footer, 90px hoch, volle breite, immer da

Ich hätte gerne, dass der Scrollbalken vom body verschwindet und NUR über die höhe des Content angezeigt wird.
Ich fixiere Header und Footer mit position und setze top und bottom... Aber Content legt sich dann 'dahinter' und scrollt über die ganze Höhe.

Mit Zitat antworten
  #2  
Alt 13.03.2018, 18:15
Don T. Worry Don T. Worry ist offline
Engagierter Besucher
 
Registriert seit: 29.03.2012
Beiträge: 534
Standard AW: Bereich zwischen Header und Footer Scrollbar

Da muss du m.E.n. mit overflow arbeiten.
__________________
“Just think of how stupid the average person is, and then realize half of them are even stupider!” [George Carlin]
Mit Zitat antworten
  #3  
Alt 13.03.2018, 19:21
Kasalop Kasalop ist offline
Forum-Mitarbeiter
 
Registriert seit: 29.12.2006
Ort: München
Beiträge: 5.904
Standard AW: Bereich zwischen Header und Footer Scrollbar

Alles fixieren und dann nur den Content scallbar machen: https://jsfiddle.net/1dxvcwfs/10/

Lg Kasalop
__________________
Es gibt 10 Arten von Menschen auf der Welt. Die die die binäre Mathematik verstehen und die die sie nicht verstehen!

Zu welcher der Gruppen gehörst du?
Mit Zitat antworten
  #4  
Alt 13.03.2018, 21:08
hellbringer hellbringer ist offline
Forum-Mitarbeiter
 
Registriert seit: 27.03.2008
Beiträge: 31.071
Standard AW: Bereich zwischen Header und Footer Scrollbar

Zitat:
Zitat von Kasalop Beitrag anzeigen
Alles fixieren und dann nur den Content scallbar machen: https://jsfiddle.net/1dxvcwfs/10/
Oder einfach Flex verwenden:

https://jsfiddle.net/1dxvcwfs/14/
Mit Zitat antworten
  #5  
Alt 14.03.2018, 08:27
mikexmagic mikexmagic ist offline
Besucher
 
Registriert seit: 29.10.2015
Beiträge: 66
Standard AW: Bereich zwischen Header und Footer Scrollbar

@Kasalop, das klappt. Warum auch immer das gestern bei mir nicht funktioniert hat

Frage: warum <header> und nicht <div id="header"> ? Die Tags kannte ich nicht. Liegt es daran dass es mit DIV bei mir nicht ging??


@Hellbringer: Das mit FLEX klappt bei mir leider nicht...

Danke dennoch. Jetzt kann ich weiter machen...
Mit Zitat antworten
  #6  
Alt 14.03.2018, 10:38
hellbringer hellbringer ist offline
Forum-Mitarbeiter
 
Registriert seit: 27.03.2008
Beiträge: 31.071
Standard AW: Bereich zwischen Header und Footer Scrollbar

Zitat:
Zitat von mikexmagic Beitrag anzeigen
Das mit FLEX klappt bei mir leider nicht...
"klappt nicht" ist leider keine brauchbare Fehlerbeschreibung. Nachdem es bei jedem andern funktioniert, machst du wohl was falsch.
Mit Zitat antworten
  #7  
Alt 14.03.2018, 12:21
protestix protestix ist gerade online
Engagierter Besucher
 
Registriert seit: 29.06.2016
Beiträge: 711
Standard AW: Bereich zwischen Header und Footer Scrollbar

Zitat:
Zitat von mikexmagic Beitrag anzeigen
Frage: warum <header> und nicht <div id="header"> ?
Weil das die richtigen Elemente dafür sind. Div kommt von divider also Teiler, das kann alles sein. Header ist der Kopf, also ist damit für jeden klar was dort drin zu sein hat.

Zitat:
Zitat von mikexmagic Beitrag anzeigen
Liegt es daran dass es mit DIV bei mir nicht ging??
Nein, die Elemente verhalten sich äquivalent.
Du solltest noch mal ansehen welche Elemente es mit HTML5 gibt.

Funktioniert der Link von Hellbringer nicht, musst du Javascript einschalten, aber nachdem der Link von Kasalop auf die selbe Seite zeigt und dieser allem Anschein nach bei dir ging, sollte auch der andere funktionieren.

Du musst natürlich noch die von dir gewünschte Höhe der Elemente eingeben,aber dass muss man wohl in einem Programmierforum nicht auch noch erwähnen.
Mit Zitat antworten
  #8  
Alt 16.03.2018, 09:29
mikexmagic mikexmagic ist offline
Besucher
 
Registriert seit: 29.10.2015
Beiträge: 66
Standard AW: Bereich zwischen Header und Footer Scrollbar

Ja, danke nochmal an alle. Klappt jetzt wie gewünscht.

TOP!
Mit Zitat antworten


Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.

Gehe zu
Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Undefinierbare Zeichen zwischen Header und Footer darkEvil PHP 9 01.02.2008 19:56
Header und footer Jens87 PHP 12 16.10.2007 23:00
header und footer inc. NYTRO PHP 2 05.05.2003 13:46
Footer Bereich in PHP Oliver Albers PHP 0 01.01.1970 01:00
Header und Footer Oliver Albers PHP 0 01.01.1970 01:00


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:35 Uhr.


Powered by vBulletin® Version 3.8.8 (Deutsch)
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Powered by NuWiki v1.3 RC1 Copyright ©2006-2007, NuHit, LLC