HighDots Forums  

page flow

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss page flow in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Mike
 
Posts: n/a

Default page flow - 10-04-2009 , 10:20 AM






Hello,
I have a multicolumn desighn with no tables. I am using Floats to
position.
I would like for the elements to just get clipped off when the page
gets resized, and NOT have them flow underneath.
Where can I find the best resource on how elements get REpositioned
when the page gets resized?
Thanks
Mike

Reply With Quote
  #2  
Old   
Adrienne Boswell
 
Posts: n/a

Default Re: page flow - 10-04-2009 , 10:35 AM






Gazing into my crystal ball I observed Mike <ampeloso (AT) gmail (DOT) com> writing in
news:47c93fba-1eae-4950-8dc6-f20821dc2916 (AT) p23g2000vbl (DOT) googlegroups.com:

Quote:
Hello,
I have a multicolumn desighn with no tables. I am using Floats to
position.
I would like for the elements to just get clipped off when the page
gets resized, and NOT have them flow underneath.
Where can I find the best resource on how elements get REpositioned
when the page gets resized?
Thanks
Mike

Oh, dear! Left the crystal ball at home. We will be able to give you much
better advice if you provide a URL.

--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Reply With Quote
  #3  
Old   
dorayme
 
Posts: n/a

Default Re: page flow - 10-04-2009 , 06:42 PM



In article
<47c93fba-1eae-4950-8dc6-f20821dc2916 (AT) p23g2000vbl (DOT) googlegroups.com>,
Mike <ampeloso (AT) gmail (DOT) com> wrote:

Quote:
Hello,
I have a multicolumn desighn with no tables. I am using Floats to
position.
I would like for the elements to just get clipped off when the page
gets resized, and NOT have them flow underneath.
Where can I find the best resource on how elements get REpositioned
when the page gets resized?
If you want to see a Walt Disney movie version of how floats drop, allow
animated gifs in your browser:

<http://netweaver.com.au/floatHouse/anim/page4anim.php>

Or it might profit you to read all of:

<http://netweaver.com.au/floatHouse/page4.php>

About stopping the drop, you would need to make sure the containing
element is suitably sized. In the following, you will get the drop (part
of the useful point about floats btw, though not always wanted):

<http://dorayme.netweaver.com.au/alt/float.html>

when you narrow the browser to less than 800px.

To stop this, size the wrapper to stop it default being as wide as the
browser (not taking into account margins, paddings, borders):

<http://dorayme.netweaver.com.au/alt/floatStopDrop.html>

If you don't want to go into the business of bugs and faulty browser
implementations of the float rules or the effect of modest border,
padding and margins, just give the wrapper a more generous width, like
some cooks might throw in salt...

--
dorayme

Reply With Quote
Reply




Thread Tools
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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.