urosm
/
ikiwiki
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ikiwiki/doc/bugs/sidebar_is_obscured_by_rece...

23 lines
1.2 KiB
Plaintext
Raw Normal View History

Sidebar layout strange
2008-08-03 01:53:08 +02:00
I've set up a simple sidebar on an otherwise fairly default wiki. The sidebar uses css float:right and sits above most pages quite nicely.
For example, my wiki's [front](http://www.cse.unsw.edu.au/~cs3431/wiki/) and [news](http://www.cse.unsw.edu.au/~cs3431/wiki/news/) pages show the sidebar nicely floating on top of the background. (As a side note, I had to add:
#sidebar {
border: 1px solid;
background: white;
}
to <code>local.css</code> to get the border and make sure that the RSS feed's grey title didn't show through on the news page.)
set background color of floating divs If a floating div is next to (and in front of) a div that takes up the whole screen width, and has a background color set, that color can bleed through into the floating div. One exampe of this is inline's blogpost form. Avoid it by setting the background color of the floating element.
2008-08-04 21:08:27 +02:00
> Hmm the background color setting seems like a change it makes sense to make to
> style.css .. done.
> --[[Joey]]
Sidebar layout strange
2008-08-03 01:53:08 +02:00
Unfortunately, the [recentchanges](http://www.cse.unsw.edu.au/~cs3431/wiki/recentchanges/) page doesn't look so nice - the sidebar appears below the recentchanges list.
I don't understand why the sidebar is appearing below the recentchanges inline, but above the news inline.
set background color of floating divs If a floating div is next to (and in front of) a div that takes up the whole screen width, and has a background color set, that color can bleed through into the floating div. One exampe of this is inline's blogpost form. Avoid it by setting the background color of the floating element.
2008-08-04 21:08:27 +02:00
> I don't see the problem here in firefox 3. The sidebar is at the top of
> both pages. However, it might have to do with the recentchanges page
> itself using floating elements to build up the table-like display. --[[Joey]]