Variable Width Planet

    jriddell's picture
    2008
    19
    Oct

    You asked, and I deliver. I made an alternative stylesheet for Planet KDE with variable width. View -> Use Stylesheet -> Variable Width. My HTML foo is weak so it has mysterious gaps at below the header and above the footer for no reason I can see, plus the top and bottom shadow effects are semi-transparent and overlap in ways I wouldn't want. But it should be good enough for those wanting something that fits on an N810 screen.

    Here's some pictures to keep you amused.

    Edinburgh Old Observatory, Calton Hill
    Edinburgh Old Observatory, Calton Hill

    West Register House, Edinburgh, National Archives of Scotland
    West Register House, Edinburgh, National Archives of Scotland. Every Scot for ever born in this picture. Rows from bottom: births, deaths, marrages, historic parish records (pre-1850s).

    Forth Bridge
    The Forth Bridge

    Forth Bridge Absail
    Me jumping off the Forth Bridge

    Comments

    Comment viewing options

    Select your preferred way to display the comments and click "Save settings" to activate your changes.
    stanaland's picture

    Variable Width CSS Gaps


    To fix the gaps with your CSS, you need to do the following:

    1. Remove the top margin on the at the start of the first
    (i.e. style="margin-top: 0px")

    2. Remove the bottom margin on the containing "Older Blog Entries" at the bottom.

    The problem is that and tags have built in margins and paddings that varies across browsers. Those margins
    are spilling outside of their containing blocks. Generally, I try to explicitly specify all margins and paddings
    on such tags.

    kevinkofler's picture

    Why not default?

    Why is this not the default?

    Comment viewing options

    Select your preferred way to display the comments and click "Save settings" to activate your changes.