Help - Search - Members - Calendar
Full Version: Placing images with absolute positioning...never the same in all browsers...ugghh!
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
acynonyxx
What is the best way to place images with CSS?

When I use position:absolute with coordinates,
it is in a different place in FF than IE7 and completely
different in Safari, and Opera...even though the coordinates
are the same.

This is extremely frustrating, especially when you need an image
to line up exactly, just a little bit off can make the whole thing
look terrible.

So how do you guys place images?
Darin McGrew
Personally, I avoid trying to position anything precisely. Such designs tend to break in browsing environments that differ significantly from the author's browsing environment.

But can you provide the URL (address) of a document that demonstrates the problem?
acynonyxx
No I dont give out the URL's of the sites I work on in public forums.
This frustrates a lot of people for some reason and I often get yelled at
or insulted because of this, which I find strange, but I have my reasons,
and they are valid.

I would appreciate any help anyone can give me (without having to look at the
site) regarding the various and best ways to place an image on a page, beside
some text without the text breaking to a new line under the image.

Thank you! smile.gif
Darin McGrew
QUOTE
I would appreciate any help anyone can give me (without having to look at the site) regarding the various and best ways to place an image on a page, beside some text without the text breaking to a new line under the image.
With CSS, you can specify a margin for the text, and place the image in the margin.

With HTML, you can use a two-column table.
acynonyxx
Can you give me an example of some CSS code that would put an image
in the margin? Thanks.
Darin McGrew
It isn't an image, but the idea behind Jukka Korpela's Page layout using CSS: a very simple example is the same.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.