8 Apr
2008
8 Apr
'08
12:02 a.m.
Hi,
Sergiu Dumitriu wrote:
> This almost works (in intelligent browsers):
>
> #xwikimaincontainer {
> width: 800px;
> margin: auto !important;
> }
>
> To make it work in IE also, something like this should work (can't test
> as I don't have IE):
>
> #body {
> text-align: center;
> }
>
> The problem is that the background X is not suited for this kind of layout.
>
I am trying this solution and I am not able to get it working (perhaps
this is included in your "almost"!). I concentrate first in "intelligent
browsers", Firefox, OmniWeb and Safari included. I am adding...
#xwikimaincontainer {
width: 800px;
margin: auto !important;
}
to the Style.css included in a XWiki.XWikiSkins object (customized
skin). #xwikimaincontainer is added to the bottom of the record. Width
works like a charm. Any other margin option works without a glitch. But
auto doesn't produce the expected effect.
The only reason I can figure out is that this is not the only class
affecting position of #xwikimaincontainer and there is another class
prevailing that sets border to 0pt. In this case, my doubt is why does
other border settings work?
Here what I see in Firebug...
<html lang="en" xml:lang="en"
xmlns="http://www.w3.org/1999/xhtml">
<head>...</head>
<body id="body" class="xwiki_test01 viewbody
hidelefthideright">
<div id="xwikimaincontainer">
<div id="xwikimaincontainerinner">
</div>
</div>
</body>
</html>
I interpret that only #xwikimaincontainer class must affect
xwikimaincontainer div position, but it is obviously wrong.
I do need to improve my CSS skills (among many other things...)! Any
help will be really welcome to work out this issue. Thanks.
Cheers,
Ricardo
--
Ricardo RodrÃguez
Your EPEC Network ICT Team