Here is my problem:

see: http://users.belgacom.net/gc905142/test.htm

If you have your resolution set to over 800x600 this issue will probably
never be a problem, but I am trying to make 800x600 my beginning point.

The problem is that the images width can change and I want to always
keep the two div's on the same line and always have them centered (The
height is always the same).

The problems are that if the images are a little narrow they pull to the
left and if they are too wide the second box wraps to a new line.

Any suggestions?

Heath wrote:
[color=blue]
> Here is my problem:
>
> see: http://users.belgacom.net/gc905142/test.htm
>
> If you have your resolution set to over 800x600 this issue will probably
> never be a problem, but I am trying to make 800x600 my beginning point.
>
> The problem is that the images width can change[/color]

then make their width as a percentage of the available width given by
their parent node. That way, these images should never overflow.
..box elements have already the declaration width:35%.

and I want to always[color=blue]
> keep the two div's on the same line and always have them centered (The
> height is always the same).
>
> The problems are that if the images are a little narrow[/color]

I can not see nor test nor examine this at the given url. So it's
impossible to recommend anything here.

they pull to the[color=blue]
> left and if they are too wide the second box wraps to a new line.[/color]

In which browser do you see that? I ask this because overflow:visible is
buggy in MSIE 5+.

DU
[color=blue]
>
> Any suggestions?
>[/color]