Web Hosting CSS & Stylesheet Forums

Add Me

User Name
Password
Go Back   CSS & Stylesheet Forums > Related Authoring > Webmastering

Welcome to the CSS & Stylesheet Forums forums.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today!

If you have any problems with the registration process or your account login, please contact contact us.
Tags:



Reply
  #1 (permalink)  
Old 10-01-2008, 08:03 AM
dE|_
Guest
 
Posts: n/a
Diggs:
Default controlling 2 floating objects side-by-side



Floats cause just about the most cross-browser hassle I've come across yet.
Here's whats bugging me now;

When you have two block elements floating next to each other in a resizable
area, you shrink the window and eventually Right-Hand block gets shoved
under left.

Here it's the user/pass form and table next to it.
http://www.websitefoundry.co.uk/emos/second.html

Is there a way to stop this collapse and hang them side-by-side or just
plain no?

Cheers.

-dE|_---


Reply With Quote


Sponsored Links
  #2 (permalink)  
Old 10-01-2008, 08:03 AM
Els
Guest
 
Posts: n/a
Diggs:
Default Re: controlling 2 floating objects side-by-side

dE|_ wrote:

> Here it's the user/pass form and table next to it.
> http://www.websitefoundry.co.uk/emos/second.html
>
> Is there a way to stop this collapse and hang them side-by-side or just
> plain no?


The problem is that 400px min-width isn't wide enough. 500px works.


--
Els http://locusmeus.com/
Reply With Quote


  #3 (permalink)  
Old 10-01-2008, 08:03 AM
dE|_
Guest
 
Posts: n/a
Diggs:
Default Re: controlling 2 floating objects side-by-side


"Els" wrote...
> dE|_ wrote:
>
>> Here it's the user/pass form and table next to it.
>> http://www.websitefoundry.co.uk/emos/second.html
>>
>> Is there a way to stop this collapse and hang them side-by-side or just
>> plain no?

>
> The problem is that 400px min-width isn't wide enough. 500px works.


Yeah I've done that on 'third draft' but I dont want to rely on sizing like
that because the content will be different in each container. I can't put an
inline style on each tag because they'll be database generated each visit.

I really need the classed forms/tables to support themselves, but I'm
starting to think it is simply the nature of floating that they slip under
eachother and I can't over-ride it.

-dE|_---


Reply With Quote


  #4 (permalink)  
Old 10-01-2008, 08:03 AM
Els
Guest
 
Posts: n/a
Diggs:
Default Re: controlling 2 floating objects side-by-side

dE|_ wrote:

> I really need the classed forms/tables to support themselves, but I'm
> starting to think it is simply the nature of floating that they slip under
> eachother and I can't over-ride it.


Well, there is of course the two-celled table row, and I've never seen
one cell go below the other, in any situation at all...
With regard to the flexibility of the page though, you may prefer the
stacking to having a table row sticking out of a page that is too
narrow for it. (and in IE6 that would even be worse - the whole
content column would then drop below the nav column).

--
Els http://locusmeus.com/
Reply With Quote


  #5 (permalink)  
Old 10-01-2008, 08:03 AM
dE|_
Guest
 
Posts: n/a
Diggs:
Default Re: controlling 2 floating objects side-by-side


"Els" wrote...
>
>> I really need the classed forms/tables to support themselves, but I'm
>> starting to think it is simply the nature of floating that they slip
>> under
>> eachother and I can't over-ride it.

>
> Well, there is of course the two-celled table row, and I've never seen
> one cell go below the other, in any situation at all...


Looks like that would have to be the man here, but I have been brought in
specifically to take tables out of the page structure in every possible
area, make it CSS based and stretchy instead.

> With regard to the flexibility of the page though, you may prefer the
> stacking to having a table row sticking out of a page that is too
> narrow for it. (and in IE6 that would even be worse - the whole
> content column would then drop below the nav column).


I'm not sure what you mean, but I'm sure I'll bump into it.

Thanks for your input.

-dE|_---


Reply With Quote


Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


© Camley Interactive (camley.info) 2008 - all logos and images are copywrite their respective owners.
Proud member of the Camley Interactive Network
All times are GMT. The time now is 10:39 PM.
Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.1.0 ©2007, Crawlability, Inc.




Inactive Reminders By Mished.co.uk