Not logged in. · Lost password · Register
Forum: General Help and Support Templates and Layout RSS
Expand site height
Pagesize without dependencie to the content
Avatar
Vironic #1
Member since Aug 2017 · 2 posts
Group memberships: Members
Show profile · Link to this post
Subject: Expand site height
So, im working on my own template, which is based on the standart template from doku wiki.
I adjusted the site width, via syle.ini, but i cant resize the dokuwiki_site div. I tryed adding heigths to body/dokuwiki__site, but none of them works. The page is always sized after the content and aligned to the top. Is there somewhere a definition, that say, that the height scales with the content, that overwrites the definitions in basic.less / structure.less?
I'd realy like to know where i can make the pagesize independent from the content of the wikisite.
I couldnt find the Topic in the forum, maybe i just used wrong keywords though.
Thanks for help already!
Avatar
SFITCS #2
User title: Scott Ferguson
Member since Dec 2014 · 463 posts · Location: Canberra, Australia
Group memberships: Members
Show profile · Link to this post
Does this help (I'm unsure which element you wish to resize)?

$DokuWiki/conf/userstyle.css
.dokuwiki div.page {
    min-height: 2000px !important;
    height: 3200px;
}
Avatar
Vironic #3
Member since Aug 2017 · 2 posts
Group memberships: Members
Show profile · Link to this post
Well in theory i want to resize the dokuwiki__site element, since its the container, where everything is placed in.
But the Problemis, that somehow the sice is always based on the contents of the wiki page, even if i define values for height of the container.
Avatar
SFITCS #4
User title: Scott Ferguson
Member since Dec 2014 · 463 posts · Location: Canberra, Australia
Group memberships: Members
Show profile · Link to this post
Are you saying my suggestion does not work - or, are you saying it doesn't work the way you believe it should work??

dokuwiki_site will expand to fit (frame) page_group (and div.page). If instead of setting a minimum size for page_group (or div.page) you'll have a tiny page in the top of a large dokuwiki_site - not pretty.
div.page uses height:auto (which is the "somehow the size is based on the content"), use userstyle.css to change that to min-height using the example I've given.

Look at the box model for a better explanation.
[Image: https://scottferguson.com.au/uploads/files/page_height.png]
Avatar
cjoh #5
Member since Oct 2017 · 1 post
Group memberships: Members
Show profile · Link to this post
Works perfectly - thx a lot!
Close Smaller – Larger + Reply to this post:
Verification code: VeriCode Please enter the word from the image into the text field below. (Type the letters only, lower case is okay.)
Smileys: :-) ;-) :-D :-p :blush: :cool: :rolleyes: :huh: :-/ <_< :-( :'( :#: :scared: 8-( :nuts: :-O
Special characters:
Go to forum
Imprint
This board is powered by the Unclassified NewsBoard software, 20150713-dev, © 2003-2015 by Yves Goergen
Current time: 2019-05-26, 21:38:46 (UTC +02:00)