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

Div Left/Right Align No Wrap Challenge

P: n/a
I have a situation where I need, on the same line, a left aligned div
and a right aligned div. When the window is resized and the div's
eventually touch, I need them NOT to wrap, but instead, enable the
horizonlat scrolling.

No table solutions please.

_______ __________________
|_______| space between div's |__________________|

Oct 19 '06 #1
Share this Question
Share on Google+
4 Replies


P: n/a
On 2006-10-19, Verticon:: <mi***@miben.netwrote:
I have a situation where I need, on the same line, a left aligned div
and a right aligned div. When the window is resized and the div's
eventually touch, I need them NOT to wrap, but instead, enable the
horizonlat scrolling.

No table solutions please.

_______ __________________
|_______| space between div's |__________________|
Just use the min-width property. Although I think I heard recently that
might not work on IE.
Oct 19 '06 #2

P: n/a
I havent tried it but would a containing div with "overflow:scroll" do
the trick?

I never used overflow: scroll really so not sure if it would work for
you.

HTH

Rick
www.e-connected.com
Ben C wrote:
On 2006-10-19, Verticon:: <mi***@miben.netwrote:
I have a situation where I need, on the same line, a left aligned div
and a right aligned div. When the window is resized and the div's
eventually touch, I need them NOT to wrap, but instead, enable the
horizonlat scrolling.

No table solutions please.

_______ __________________
|_______| space between div's |__________________|

Just use the min-width property. Although I think I heard recently that
might not work on IE.
Oct 19 '06 #3

P: n/a
On 2006-10-19, thehuby <th*****@gmail.comwrote:
I havent tried it but would a containing div with "overflow:scroll" do
the trick?
No. Overflow happens under certain circumstances when things don't fit
in the available width. The overflow property describes how to handle
this (clip, allow it or provide scrollbars). It doesn't alter what the
available width is, or whether overflow will occur or not-- just what to
do if it does*

So if the aligned divs in this example were floats (which they are
likely to be), the UA should start putting them underneath each other if
the available width is too small, regardless of the overflow property.

* with some exceptions in Firefox which I won't go into.
I never used overflow: scroll really so not sure if it would work for
you.

HTH

Rick
www.e-connected.com
Ben C wrote:
>On 2006-10-19, Verticon:: <mi***@miben.netwrote:
I have a situation where I need, on the same line, a left aligned div
and a right aligned div. When the window is resized and the div's
eventually touch, I need them NOT to wrap, but instead, enable the
horizonlat scrolling.

No table solutions please.

_______ __________________
|_______| space between div's |__________________|

Just use the min-width property. Although I think I heard recently that
might not work on IE.
Oct 19 '06 #4

P: n/a
On 2006-10-19, Verticon:: wrote:
I have a situation where I need, on the same line, a left aligned div
and a right aligned div. When the window is resized and the div's
eventually touch, I need them NOT to wrap, but instead, enable the
horizonlat scrolling.

No table solutions please.

_______ __________________
|_______| space between div's |__________________|

overflow: auto;
--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
Oct 20 '06 #5

This discussion thread is closed

Replies have been disabled for this discussion.