By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,648 Members | 1,190 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,648 IT Pros & Developers. It's quick & easy.

Keeping Dynamically Sized Images On One Line

P: n/a
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?

Jul 20 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
DU
Heath wrote:
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
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 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
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 left and if they are too wide the second box wraps to a new line.
In which browser do you see that? I ask this because overflow:visible is
buggy in MSIE 5+.

DU

Any suggestions?


Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.