prevent wrapping in div

I have two img elements in a div tag, the first set up w/ float:left and the
second set up w/ float:right. When the browser's window width is less than
the total width of the two images second img wrapps below the first.

I can prevent this through the use of overflow: hidden on the containing div
tag, but this a css2 style not implemented in mozilla until 6.0. Is there
another was to prevent this?

TIA~ PJ

just a follow up on my question with some info:
The containing div has width:100%, as I want the second image to be right
aligned to the right of the window and and the background-image of the
containing div fill the space between the two images as necessary when the
window resizes.

TIA ~PJ

"PJ" <you (AT) wish (DOT) com> wrote

I have two img elements in a div tag, the first set up w/ float:left and
the
second set up w/ float:right. When the browser's window width is less
than
the total width of the two images second img wrapps below the first.

I can prevent this through the use of overflow: hidden on the containing
div
tag, but this a css2 style not implemented in mozilla until 6.0. Is there
another was to prevent this?

TIA~ PJ

I can prevent this through the use of overflow: hidden on the containing
div
tag, but this a css2 style not implemented in mozilla until 6.0. Is there
another was to prevent this?

Try using something like:

div {
min-width : 400px;
}

HTH.

Thx, that does seem like the most appropriate style, but a couple of things:

According to the CSS Reference in Danny Goodman's DHTML definitive guide IE
does not support the min-width attribute at all and only NN6+ supports it.
However, I tested in IE6 and it does seem to work.

Does anyone know the browser support for the min-width attribute?

Try using something like:

div {
min-width : 400px;
}

PJ wrote:

According to the CSS Reference in Danny Goodman's DHTML definitive guide
IE does not support the min-width attribute at all and only NN6+ supports
it. However, I tested in IE6 and it does seem to work.

Does anyone know the browser support for the min-width attribute?

Gecko family (Netscape 6+, Mozilla, Firebird, etc): Yes
Opera: Yes
KHTML family (Konqueror, Safari): Yes
IE: No

(and its a property, not an attribute)

--
David Dorward http://dorward.me.uk/

David Dorward wrote:

PJ wrote:

Does anyone know the browser support for the min-width attribute?

KHTML family (Konqueror, Safari): Yes

I don't think KHTML browsers support min-height or min-width, at least
Safari v85 doesn't.

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.

In article <3f8be9a2$1 (AT) news (DOT) sihope.com>,
kchayka <kcha-un-yka (AT) sihope (DOT) com> wrote:

KHTML family (Konqueror, Safari): Yes

I don't think KHTML browsers support min-height or min-width, at least
Safari v85 doesn't.

Oh, I thought I had it working (min-width, that is). However, it will
not work on absolute positioned elements, which is a bug and is known at
Apple.

24 october will be a good day.

--
Kris
kristiaan (AT) xs4all (DOT) netherlands (nl)

well, it does seem to work w/ ie6. haven't tried previous versions. i
guess i'll keep the overflow:hidden style as well.

"Kris" <kristiaan (AT) xs4all (DOT) netherlands> wrote

In article <3f8be9a2$1 (AT) news (DOT) sihope.com>,
kchayka <kcha-un-yka (AT) sihope (DOT) com> wrote:

KHTML family (Konqueror, Safari): Yes

I don't think KHTML browsers support min-height or min-width, at least
Safari v85 doesn't.

Oh, I thought I had it working (min-width, that is). However, it will
not work on absolute positioned elements, which is a bug and is known at
Apple.

24 october will be a good day.

--
Kris
kristiaan (AT) xs4all (DOT) netherlands (nl)