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
_______________________________________________
users mailing list
users@xwiki.org
http://lists.xwiki.org/mailman/listinfo/users
