Kategorien
- [-]Developer (104)
- API (15)
- Backend (17)
- Extensions (29)
- HTML & CSS (4)
- Typoscript (33)
- [-]Redaktionelles (21)
- Anleitungen (9)
- Tipps (8)
- [-]Sonstiges (50)
- SEO (8)
Schlagwortwolke
« | September 2010 | » | ||||
---|---|---|---|---|---|---|
S | M | T | W | T | F | S |
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 |
Letzte Nachrichten
- DSGVO
- 26.05.2018 18:39
- Trackingtools und Datenschutzerklärung
- 14.03.2014 23:07
- 1:n und n:1 Relationen in Extbase
- 06.12.2013 12:04
- Erste Abmahnungen wegen Google Analytics
- 04.10.2013 12:11
Letzte Kommentare
- Das liegt daran, dass die captcha.php versucht, das halbe...
- 05.12.2017 00:41
- Hallo, danke für den tollen Beitrag. Kann man die...
- 22.10.2015 10:05
- Vielen Dank für den Austausch guter Artikel. Es ist eine...
- 17.08.2015 10:58
- Hallo Peter, danke für die Extension. Ich habe sie auf...
- 27.08.2014 12:51
In eigener Sache
Peter Linzenkirchner, Lisardo EDV Beratung in Augsburg. Freelance und Partner für Design- und Webagenturen in Augsburg und München. Pixelgenaue Templates, valides HTML, barrierearm. TYPO3-Projekte, Extension-Programmierung und mehr ...
Zur Zeit wird gefiltert nach: September 7
Filter zurücksetzen
Scrollbalken auch bei kurzen Seiten erzwingen
Die Internet Explorer zeigen auch bei kurzen Seiten rechts einen inaktiven, abgedimmten Scrollbalken. Sinn ist, dass die Darstellung nicht springt, wenn die Seiten z. B. im Browserfenster zentriert dargestellt werden und manche eben länger und andere kürzer sind. In Safari und Firefox dagegen erscheint der Scrollbalken nach Bedarf, was eben dazu führt, dass die Seiten beim Blättern waagrecht springen.
Abhilfe:
- html {overflow-y:scroll;}
DIV-Container mit 100% Höhe
Eigentlich ist das Problem ganz einfach: relative Angaben wie 100% werden in CSS immer auf den umgebenden Container bezogen. Bekommt ein Container also eine Höhe von 100%, so wird er auf die Höhe des übergeordneten Conainers hochgezogen. Kein Problem, wenn der umgebende Container eine absolute Höhe in Pixeln hat. Aber was, wenn ein Container die Höhe des Fensters haben soll?
Dann müssen alle dazwischen liegenden Container ebenfalls eine Höhe von 100% erhalten, so dass sich die relative Höhe vom Fenster bis zum gewünschten Container vererben kann. Um also einen DIV mit der ID »page« auf 100% Höhe des Fensters zu bringen, muss sowohl der Container »html« wie auch »body» 100% Höhe erhalten. Richtig ist also:
- html, body,#page {height:100%}
Das klappt in allen Browsern.