Login | Register For Free | Help
Search for: (Advanced)

Mailing List Archive: Wikipedia: Mediawiki

Positioning floated divs in MediaWiki

 

 

Wikipedia mediawiki RSS feed   Index | Next | Previous | View Threaded


ccornell at openoffice

Nov 23, 2009, 7:22 AM

Post #1 of 3 (539 views)
Permalink
Positioning floated divs in MediaWiki

Not sure if this is the right place to ask this one...

I've just installed FlaggedRevs in the OOoWiki. It's working OK so
far... but one little thing has come up and I'd like to fix it.

Take a look at a random page like this one:
http://wiki.services.openoffice.org/wiki/Documentation/Administration_Guide

The "Current revision" div from the FlaggedRevs extension is floated to
the right. The OOoWiki also used floated divs for table of contents...
on the right. The result is that they stack up against one another.

Does anyone know how I can get them to stack on top of one another
instead of side by side as they are now? I've tried adding clear:both;
to the div for the table of contents box (the one that's floated right)
but that seems to have no effect.

C.
--
Clayton Cornell ccornell [at] openoffice
OpenOffice.org Documentation Project co-lead
StarOffice - Sun Microsystems, Inc. - Hamburg, Germany

_______________________________________________
MediaWiki-l mailing list
MediaWiki-l [at] lists
https://lists.wikimedia.org/mailman/listinfo/mediawiki-l


wjmazza at gmail

Nov 23, 2009, 9:02 AM

Post #2 of 3 (493 views)
Permalink
Re: Positioning floated divs in MediaWiki [In reply to]

I don't know if this would be the best method but try adding this to your
CSS

/* This will position the "current revision" div absolutely, right aligned
*/
#mw-revisiontag {
position: absolute;
right: 2em;
}
/* This will adjust the top margin of the TOC the approximate height of the
"current revision" so they don't overlap*/
#tocwrapper {
margin-top: 1em;
}


Walter Mazza


On Mon, Nov 23, 2009 at 9:22 AM, ccornell - OpenOffice.org <
ccornell [at] openoffice> wrote:

> Not sure if this is the right place to ask this one...
>
> I've just installed FlaggedRevs in the OOoWiki. It's working OK so
> far... but one little thing has come up and I'd like to fix it.
>
> Take a look at a random page like this one:
> http://wiki.services.openoffice.org/wiki/Documentation/Administration_Guide
>
> The "Current revision" div from the FlaggedRevs extension is floated to
> the right. The OOoWiki also used floated divs for table of contents...
> on the right. The result is that they stack up against one another.
>
> Does anyone know how I can get them to stack on top of one another
> instead of side by side as they are now? I've tried adding clear:both;
> to the div for the table of contents box (the one that's floated right)
> but that seems to have no effect.
>
> C.
> --
> Clayton Cornell ccornell [at] openoffice
> OpenOffice.org Documentation Project co-lead
> StarOffice - Sun Microsystems, Inc. - Hamburg, Germany
>
> _______________________________________________
> MediaWiki-l mailing list
> MediaWiki-l [at] lists
> https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
>
_______________________________________________
MediaWiki-l mailing list
MediaWiki-l [at] lists
https://lists.wikimedia.org/mailman/listinfo/mediawiki-l


ccornell at openoffice

Nov 23, 2009, 11:22 AM

Post #3 of 3 (490 views)
Permalink
Re: Positioning floated divs in MediaWiki [In reply to]

On 11/23/2009 06:02 PM, Walter Mazza wrote:
> I don't know if this would be the best method but try adding this to your
> CSS
>
> /* This will position the "current revision" div absolutely, right aligned
> */
> #mw-revisiontag {
> position: absolute;
> right: 2em;
> }
> /* This will adjust the top margin of the TOC the approximate height of the
> "current revision" so they don't overlap*/
> #tocwrapper {
> margin-top: 1em;
> }

Thanks.. that kind of worked :-) I need to do some fine tuning on it,
but the result is in the right direction.

Thanks for the tip... much appreciated.

C.

_______________________________________________
MediaWiki-l mailing list
MediaWiki-l [at] lists
https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

Wikipedia mediawiki RSS feed   Index | Next | Previous | View Threaded
 
 


Interested in having your list archived? Contact Gossamer Threads
 
  Web Applications & Managed Hosting Powered by Gossamer Threads Inc.