Solved: Too long navigation line

7 views
Skip to first unread message

Bernhard Grotz

unread,
Feb 13, 2013, 2:59:18 AM2/13/13
to sphinx...@googlegroups.com

Hi people,

I had a small problem yesterday concerning an overflowing navigation line,
caused by a too deep nesting of sections. As a result, the content slopped into
the main <div> block and caused a displacement of the section headline
(depending on the fontsize and monitor size).

I solved the problem by changing the appropiate css file ("sphinxdoc.css" in my
case); I replaced the fixed height of the navigation line in the following way:

--------------------------------------------------

/* Original: */

div.related ul {
background-image: url(navigation.png);
height: 2em;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

/* New: */

div.related ul {
background-image: url(navigation.png);
min-height: 2em;
height: auto;
overflow: hidden;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

--------------------------------------------------

Changing the ``height``-value to ``auto`` did not work before adding the
``overflow: hidden`` option, too. Now, there is a single line if the content
fits in, otherwise a second line is added.

Hope this to be helpful for someone..

Greetings,

Bernhard

signature.asc
Reply all
Reply to author
Forward
0 new messages