css positioning problem

ok ive got a problem with css, i have 3 pictures wich make one header, the positioning isnt goiing right. the screenshots say enough.

sorry for fooking the page layout ;)

I think you use this css with tables? Then just add valign="top" to the tag of the first logo. This problem is cause your first image smaller (in height) than the others.

actualy i dont have tables. and the first image is 123px and the 2nd aswell, the 3rd comes 123px right under the 1st.

/edit: got it, i still had background-position: 0px in #logo-1
removed it and my layout works :)

hmm crap, logo 3 (small one :P) is still on the same position as on the screenshot.

hmm layout is fixed, but now the border around everything, i made the css logo-1 and such a class now, and used html img code.

the container-wrapper:

#container-wrapper {
border: 1px solid #000000;
width: 900px;
margin: 20px auto;

now you only see a small black line in the upper left.

Theres a border around everything did u say? Thats cos you have a "border: 1px solid #000000" in the "#container-wrapper"

Heres a tip, you may want to add another div tag for the site so that u have two separate div tags like this

Header goes here
Content goes here
Copyrights go here
// end siteLayout

Hope this helps!

btw, whats this crapy editor?
notepad all the way!

Hollah!

Thomas wrote:

btw, whats this crapy editor?
notepad all the way!

i like to see the results strait away..
im more in to graphics, i wanna see what im doing :D