[WSG] floats not wrapping
Hello, does anyone know how I can stop floats from wrapping (not sure if thats the right word for it). Best way to explain it is by going to the following page and resize the browser to something smaller than 800px http://www.clickfind.com.au/advertise-online.cfm Once you do that, the right side float starts to go below the first float, which is really not what I want to happen, the browser should just show the horizontal scrollbar when the browser is resized. Would adding a whitespace:nowrap somewhere do the trick? And if so, what kind of support does that have? Maybe I should lay the page out differently? Thanks in advance. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] floats not wrapping
You need to work out a way of setting the minimum width of your containing div to ensure that it can never get any smaller than your smallest size. You might also want to consider setting the overflow to hidden for this parent container also, but this may mean your overflowed floated content will 'disappear' - perhaps not desirable. This is fairly easy to achieve with most modern browsers, although you will need a little hack for IE6. Google min-width... Karl On Fri, Feb 15, 2008 at 11:08 AM, Taco Fleur <[EMAIL PROTECTED]> wrote: > > > Hello, > > does anyone know how I can stop floats from wrapping (not sure if thats the > right word for it). > Best way to explain it is by going to the following page and resize the > browser to something smaller than 800px > http://www.clickfind.com.au/advertise-online.cfm > > Once you do that, the right side float starts to go below the first float, > which is really not what I want to happen, the browser should just show the > horizontal scrollbar when the browser is resized. > > Would adding a whitespace:nowrap somewhere do the trick? And if so, what > kind of support does that have? > Maybe I should lay the page out differently? > > Thanks in advance. > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] floats not wrapping
Taco Fleur wrote: Hello, does anyone know how I can stop floats from wrapping (not sure if thats the right word for it). Best way to explain it is by going to the following page and resize the browser to something smaller than 800px http://www.clickfind.com.au/advertise-online.cfm Once you do that, the right side float starts to go below the first float, which is really not what I want to happen, the browser should just show the horizontal scrollbar when the browser is resized. Would adding a whitespace:nowrap somewhere do the trick? And if so, what kind of support does that have? Maybe I should lay the page out differently? Thanks in advance. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** You'll need to use floats to create columns or make the bot on the left absolutely positioned and the bores on the right simply pushed into a column with padding. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] floats not wrapping
Hi What about changing your div to a % rather than fixed width pixels ? div#advertise (line 7) { width: 400px; // change to a % instead ...} Play around with what % works best, something around 45-55%. Gav... > Hello, > > does anyone know how I can stop floats from wrapping (not sure if thats > the > right word for it). > Best way to explain it is by going to the following page and resize the > browser to something smaller than 800px > http://www.clickfind.com.au/advertise-online.cfm > > Once you do that, the right side float starts to go below the first float, > which is really not what I want to happen, the browser should just show > the > horizontal scrollbar when the browser is resized. > > Would adding a whitespace:nowrap somewhere do the trick? And if so, what > kind of support does that have? > Maybe I should lay the page out differently? > > Thanks in advance. > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** -- Gav... *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] floats not wrapping
Add a width to the containing element to 'brace' the page so that it can't shrink below the width of the container element. Make sure that width is wide enough to accomodate the floated layout as you want it. Regards, Blake On Fri, Feb 15, 2008 at 11:08 AM, Taco Fleur <[EMAIL PROTECTED]> wrote: > > > Hello, > > does anyone know how I can stop floats from wrapping (not sure if thats the > right word for it). > Best way to explain it is by going to the following page and resize the > browser to something smaller than 800px > http://www.clickfind.com.au/advertise-online.cfm > > Once you do that, the right side float starts to go below the first float, > which is really not what I want to happen, the browser should just show the > horizontal scrollbar when the browser is resized. > > Would adding a whitespace:nowrap somewhere do the trick? And if so, what > kind of support does that have? > Maybe I should lay the page out differently? > > Thanks in advance. > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] floats not wrapping
Thanks Blake... Thinking about it now, pretty stupid question of me. For the life of me, I could not think of a solution, but funny enough, in the past I have used this before.. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Blake Sent: Friday, 15 February 2008 10:31 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] floats not wrapping Add a width to the containing element to 'brace' the page so that it can't shrink below the width of the container element. Make sure that width is wide enough to accomodate the floated layout as you want it. Regards, Blake On Fri, Feb 15, 2008 at 11:08 AM, Taco Fleur <[EMAIL PROTECTED]> wrote: > > > Hello, > > does anyone know how I can stop floats from wrapping (not sure if > thats the right word for it). > Best way to explain it is by going to the following page and resize > the browser to something smaller than 800px > http://www.clickfind.com.au/advertise-online.cfm > > Once you do that, the right side float starts to go below the first > float, which is really not what I want to happen, the browser should > just show the horizontal scrollbar when the browser is resized. > > Would adding a whitespace:nowrap somewhere do the trick? And if so, > what kind of support does that have? > Maybe I should lay the page out differently? > > Thanks in advance. > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***