[Veltliner]

I just started to write my first web page in code.

And ran into a weird thing right away.

An image didn't want to move up to the logo, and left a 3-4px space in between.

I could resolve the issue this way on the CSS style sheet:

img {
vertical-align: -10%;
}

This is for Safari. How does one do such corrections so they only apply to a certain browser (in this case: Safari)?

PS: the problem was not solved in Firefox. There was still a minor (1px) gap.

[Veltliner]

I could fix the positioning problem for both Safari and Firefox by changing it to this:

img {
vertical-align: -15%;
}

No idea if this is still XHTML1.1 strict.

[Synotic]

This is too vague. If you want to fix the problem more generally, there's probably a default margin that's unaccounted for. If the default font sizes for the browsers are different, the spacing might be slightly different.

[design219]

Yes, give more detail or even post your code. I agree with Synotic that you may not have zeroed your margins for the body tag.

[besson3c]

I would install the browser CSS reset library of Yahoo's to see if you are dealing with browser defined defaults. Otherwise, there are many techniques for offsetting margins... You could do so with negative margins or negative relative positions.

[Veltliner]

The default margin of 0px I did use to counter for the margin the p element give.

But if I use the same margin: 0px; for the img element, it doesn't work, only what I had in my first post.

[Veltliner]

Originally Posted by besson3c 

I would install the browser CSS reset library of Yahoo's to see if you are dealing with browser defined defaults. Otherwise, there are many techniques for offsetting margins... You could do so with negative margins or negative relative positions.

A reset library?

[besson3c]

http://developer.yahoo.com/yui/reset/

[besson3c]

Just for the record, I'm not suggesting that you should install this thing necessarily, I'm just saying that this is a good way to put all browsers at the same level if you ever think that you are running into browser specific issues relating to default CSS attributes.

You'll need to provide more code for us to be able to help you with your problem.

[Veltliner]

Thanks for this link.

I'll study the new info and go from there.

[andi*pandi]

If you've zero'd out both margin and padding on the body and containing elements, perhaps it is a float issue. Post the code or a link.