Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Clear normal flow past Position:absolute?
Old 04-06-2009, 04:03 PM Clear normal flow past Position:absolute?
Novice Talker

Posts: 11
Name: Bernard Sunderland
Trades: 0
After placing some blocks of info with divs in Position: absolute (because I want them side by side), how can I then start Normal Flow after them?
The only way I can think of is a long row of '&nbsp;<br>' which is not very elegant.
BernardS is offline
Reply With Quote
View Public Profile Visit BernardS's homepage!
 
 
Register now for full access!
Old 04-06-2009, 04:30 PM Re: Clear normal flow past Position:absolute?
TripleMoons's Avatar
Webmaster Talker

Posts: 614
Name: Stephanie Kunder
Location: Hanover, PA
Trades: 0
Is their a reason why you didn't use float to position the columns?

It also would be helpful to see a link of the website.
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

TripleMoons is offline
Reply With Quote
View Public Profile Visit TripleMoons's homepage!
 
Old 04-06-2009, 06:06 PM Re: Clear normal flow past Position:absolute?
Novice Talker

Posts: 11
Name: Bernard Sunderland
Trades: 0
Float does not give controlled position, does it? In fact I was quite frustrated with 'float' in CSS1 until I recently 'discovered' CSS2
The URL is:
http://www.skiptonflytyers.co.uk/venue.htm
but it should be viewed as a frame in
http://www.skiptonflytyers.co.uk
by following the 'venue' link.

In any case, the question remains - how do you get normal flow to follow blocks with absolute positioning?
BernardS is offline
Reply With Quote
View Public Profile Visit BernardS's homepage!
 
Old 04-06-2009, 06:33 PM Re: Clear normal flow past Position:absolute?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Quote:
how do you get normal flow to follow blocks with absolute positioning?
Kind of a tricky question, since using position:absolute REMOVES those blocks from the flow altogether, so the rest of the document is 'flowing' in spite of the positioned blocks.

Quote:
Float does not give controlled position, does it?
That depends on your goal. Using position:absolute is fine in certain situations, but to base an entire layout on it is just asking for headaches, especially with IE, which coughs up hairballs over it.

Given your layout, you really should use floats. You CAN control where they go with margins and padding.

I would also recommend putting a 'wrapper' div AROUND everything else, set a width for it, and set IT to position:relative. If you want the whole thing centered, give the wrapper div a margin: 0 auto; to center it horizontally. Adjust top and bottom margins as needed.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-06-2009, 09:32 PM Re: Clear normal flow past Position:absolute?
TripleMoons's Avatar
Webmaster Talker

Posts: 614
Name: Stephanie Kunder
Location: Hanover, PA
Trades: 0
IE coughs up hairballs...Good one...

Quote:
Originally Posted by BernardS View Post
it should be viewed as a frame
Ewww, yuck...Why?
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

TripleMoons is offline
Reply With Quote
View Public Profile Visit TripleMoons's homepage!
 
Old 04-07-2009, 09:06 AM Re: Clear normal flow past Position:absolute?
Novice Talker

Posts: 11
Name: Bernard Sunderland
Trades: 0
Quote:
Originally Posted by TripleMoons View Post
IE coughs up hairballs...Good one...



Ewww, yuck...Why?
Like Everest - because they are there.
Or another - variety is the spice of life.

Thanks for some useful points LadynRed.
Actually, it is only a single page layout and there is no other content - except, unfortunately, the visible Statcounter which insisted on turning up half behind one of the blocks. I made a mistake in having it visible. I have shifted it with a row of <br>s

Nevertheless, my question was related also to other situations which I have stumbled with.
BernardS is offline
Reply With Quote
View Public Profile Visit BernardS's homepage!
 
Old 04-29-2010, 06:10 PM Re: Clear normal flow past Position:absolute?
Junior Talker

Posts: 1
Trades: 0
OK was gettin stuck on this, guys the solution is to use relative positioning instead. sorted my problems
Lanksalot is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Clear normal flow past Position:absolute?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.66250 seconds with 12 queries