Don't forget this hack for IE as well, otherwise Ruth's solution will not work:
body {
text-align: center;
}
#wrapper {
text-align: left;
width: 952px;
margin: 0 auto;
}
Without centering you body text and then left aligning your wrapper text, your
container will flush to the left on IE6. No logical reason for this, but its
standard operating procedure for a fixed width layout.
Ryan Foster
HotWax Media
801.671.0769
[email protected]
On Jan 20, 2010, at 1:18 AM, Info Olagos wrote:
> Thanks Ruth for all your help.
>
> I know what to do the next evenings....
>
> Regards,
> Heidi
> 2010/1/20 Ruth Hoffman <[email protected]>
>
>> oops..you don't need all that extra stuff for your #wrapper css...see
>> below:
>>
>> Ruth Hoffman wrote:
>>
>>> 5) Forget about trying to figure this out and center your wrapper this
>>> way:
>>> #wrapper {
>>> width:952px;
>>> margin:0px auto; <------ note the use of only 1 auto
>>> text-align:left; border: none; <--- also, I use none (for
>>> border-style vs. 0 for width)
>>>
>>> background-color: #BBB;
>>> }
>>>
>>> Hope that helps.
>>> Ruth
>>> ----------------------------------------------------
>>> Find me on the web at http://www.myofbiz.com or Google keyword "myofbiz"
>>> [email protected]
>>>
>>>
>>> Adrian Crum wrote:
>>>
>>>> I agree with Scott. The web server doesn't care what the content is - it
>>>> is just sending out streams of characters. It doesn't know if it's sending
>>>> "auto" "margin" or any other set of characters.
>>>>
>>>> -Adrian
>>>>
>>>> Scott Gray wrote:
>>>>
>>>>> css files are interpreted by the browser, not by the server. The only
>>>>> way you could have a different end result is if the css files or the
>>>>> generated html is different.
>>>>>
>>>>> Regards
>>>>> Scott
>>>>>
>>>>> On 19/01/2010, at 3:20 PM, Info Olagos wrote:
>>>>>
>>>>> Hi Scott,
>>>>>>
>>>>>> The css files are exactly the same. (copied them)
>>>>>> The html file is the same but generated via xml and ftl.
>>>>>> The css file with the ftl on the tomcat doesn't react on the "auto"
>>>>>> keyword
>>>>>> of the "margin 0px" tag.
>>>>>> Heidi
>>>>>>
>>>>>> 2010/1/19 Scott Gray <[email protected]>
>>>>>>
>>>>>> Hi Heidi
>>>>>>>
>>>>>>> I can think of no reason why you should see differences, all I can
>>>>>>> suggest
>>>>>>> is that you take a diff of the html source from each and compare them
>>>>>>> for
>>>>>>> differences. If they are the same then double check that the css
>>>>>>> files are
>>>>>>> also the same from each.
>>>>>>>
>>>>>>> Regards
>>>>>>> Scott
>>>>>>>
>>>>>>> HotWax Media
>>>>>>> http://www.hotwaxmedia.com
>>>>>>>
>>>>>>> On 19/01/2010, at 1:43 AM, Info Olagos wrote:
>>>>>>>
>>>>>>> Hello,
>>>>>>>>
>>>>>>>> I have a very strange problem.
>>>>>>>> I can only imagine that it is dependent on the FTL.
>>>>>>>>
>>>>>>>> This is my page on the apache server. There is no problem. All things
>>>>>>>> are
>>>>>>>> beautiful centered.
>>>>>>>> http://www.olagos.eu/index_d.html
>>>>>>>>
>>>>>>>> OK the links to the images are not ok at the moment. But you see that
>>>>>>>>
>>>>>>> here
>>>>>>>
>>>>>>>> it is loaded in the center, so that is perfect.
>>>>>>>>
>>>>>>>> If i load the same files from the embedded tomcat, i have a problem.
>>>>>>>> It
>>>>>>>>
>>>>>>> is
>>>>>>>
>>>>>>>> to say that the container is not put in the center but at the left.
>>>>>>>> The
>>>>>>>> problem is in the word "auto" on the wrapper tag in the css file.
>>>>>>>> This
>>>>>>>> word "auto" is not recognized if i generate the html file from within
>>>>>>>> a
>>>>>>>>
>>>>>>> ftl
>>>>>>>
>>>>>>>> file.
>>>>>>>> Have a look at the result in :
>>>>>>>> http://www.olagos.eu/ecommerce/control/main
>>>>>>>>
>>>>>>>> Anyone an idea on a bug on Freemarker language level. ???
>>>>>>>>
>>>>>>>> regards,
>>>>>>>> Heidi
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>
>>>>
>>>
