centering the logo doesnt work heeeelp

Don't double post with the same question! You've got already a good reply in your previous thread how to center elements.

huuh i think they were asking to rewrite the post in the previous thread.

No, he just said with only the CSS there's not much to help, but also linked to a good resource how to center elements within different scenarios.

i still have the problem, the logo isnt in the center no matter what i do, the logo is a few px displaced from the center

Can't you put the page online somewhere?

nope, just need a sugestion where could the problem be

Well, if it's only a few pixels then perhaps your logo image is not prepared properly? Also what's with the odd max-width: 330.5%?

the logo is small and i want it 900px long and its just a png img

omg

I have been centering images like this for years:

CSS:

.cenx {text-align: center;}
.ceni {clear: both;}
.bxfix {margin: 0; border: none; padding: 0;}

HTML:

<div class="bxfix cenx"
  <img src="imgfile.png" alt="Mine" class="ceni" />
</div>

The style .cenx makes it work with older IE.

@MidiMagic - with the HTML you have here, the text-align: centeron that div would be enough. The rest of the styles is not necessary to center that image.

Text-align does not normally affect an image. I could leave it out except that some versions of IE don't work without it. IE will center the image with just the test align. Other browsers will not. What I used wo5rks with all browsers.

Sure it does! An img tag is an inline element by default and an inline element within a block-level element, such as a div tag, will center horizontally just fine with only text-align: center. This is how it shoud behave according the spec and every browser handles it this way. The rest of your CSS properties are redundant and have actually no effect on centering an element.

http://codepen.io/gentlemedia/pen/LNaJMx

But I think I know where you coming from... :)
If we wanted to center (in the old days) an element (usually a layout wrapper div) with margin: 0 auto this didn't work in IE6 and below (was not supported), so we needed a text-align: center on the parent (usually the body tag) to get it horizontally centered in IE6.

many logo creater site that is good site logo creator.

nothing helps i guess, the logo img still isnt aligned in the center. The starting point of the img is still left.

you would make it a lot easier for us to put the page live somewhere. Web hosting doesn't cost much nowadays. And if it is just static pages, you can even use dropbox as a webserver to show your issue. That costs nothing!

http://creativepro.com/how-to-use-dropbox-a-web-server-3-easy-steps/

that wont be so easy, and i think dropbox supports just .html
The id of the div is logo, and the logo is just an image without any aditional text so maybe "#logo a " should be empty, but nothing works for the div id "#logo" and the img in that div "#logo img". inspite of everything i do, the starting point for the img is left. i need center.

That's what I said. if it's just a static website you can use dropbox as a server, but if you use a serverside language such as PHP, you can't.

Post at least then also the HTML for that logo here in the thread!

<div id="header" >

  <div id="logo" >
             <a href="/name">
                         <img src="/name/img/logo.png"></img>
             </a>
    </div>

</div>

An img tag doesn't have a closing tag, so you should have this:

<img src="/name/img/logo.png" alt="logo">

And to center that logo image, all you need is this:

#logo { text-align: center }

http://codepen.io/gentlemedia/pen/qZwvpJ

it is left centered