469,609 Members | 1,550 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,609 developers. It's quick & easy.

prevent wrapping in div

PJ
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
Jul 20 '05 #1
7 16880
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" <yo*@wish.com> wrote in message
news:5a********************@speakeasy.net...
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

Jul 20 '05 #2
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.
Jul 20 '05 #3
PJ
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;
}

Jul 20 '05 #4
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/
Jul 20 '05 #5
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.

Jul 20 '05 #6
In article <3f********@news.sihope.com>,
kchayka <kc*********@sihope.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
kr*******@xs4all.netherlands (nl)
Jul 20 '05 #7
PJ
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" <kr*******@xs4all.netherlands> wrote in message
news:kr*****************************@news1.news.xs 4all.nl...
In article <3f********@news.sihope.com>,
kchayka <kc*********@sihope.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
kr*******@xs4all.netherlands (nl)

Jul 20 '05 #8

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by Paul E Collins | last post: by
7 posts views Thread by mercurius_1 | last post: by
14 posts views Thread by Ed Jay | last post: by
2 posts views Thread by Yeah | last post: by
reply views Thread by gheharukoh7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.