14 replies to this topic

[truefusion]

The CSS doesn't provide me with enough information on the element it is modifying. However, after having a look at the forum's source code, it turns out we're messing with a table, which already has a predefined width, and, according to the source code i'm viewing as of this posting, has an image in it. So, i would suggest the following for the header class (assuming the image element remains and the width of the table is predefined in the HTML):

.header {
margin-left: auto;
margin-right: auto;
}

This CSS won't work if there is no defined width for the element.

I have also spotted an error, as of this posting, in your HTML:

<table border="0" cellpadding="0" cellspacing="0" width="744px" class="header"><td align="right" class="welcome">

should be:

<table border="0" cellpadding="0" cellspacing="0" width="744px" class="header"><tr><td align="right" class="welcome">

You'll have to verify things on your end before we can continue.

EDIT: seems i was a bit late.

[miladinoski]

Saint Michael, that works even better, but that messes up the categories and the whole layout of the site.. see the atachment if you want to see what I mean...

 Screenshot____________________Opera_2.png   175.93K   4 downloads

Edited by miladinoski, 20 June 2009 - 08:35 PM.

[Saint_Michael]

Adjust the width of the wrap div by 5 pixels and see if it comes back up and then the best thing to do is redesign the banner to that width to correct it.

[miladinoski]

Forget everything else, just adding:

margin-left: auto;
margin-right: auto;

to .header solves the problem and REALLY solves it! The image is centered and everything is okay

Thanks everyone, you're really kind!

[truefusion]

Topic is resolved.

Please PM any moderator to continue this discussion. Until then, this topic is closed.