No one was able to answer paulg's question:

I need help resolving a CSS issue.
Take a look at:

http://www.jacketflap.com/profile2.asp?member=bobba

1) View it in Firefox. As you'll see, the side_item DIV is overlapping the sectionheader DIV below it. I've tried applying a clear:right; to the sectionheader, but that bumps it down vertically below the height of the right column. That makes me think something may be unbalanced, but I can't find it. I tried changing the order of the div's in my document so that it's 1-left_column 2-center 3-right_column. Then, having a clear:right; on the sectionehader DIV drops it down below the side_item DIV as expected, but then the right column bumps down vertically below the height of the center column. Argh! How do I fix this?

2) View the same URL in Safari. For some reason, the side_item div is not floating to the right. How do I fix that?

Thanks!
Paul

People succeed in answering paulg's questions 17% of the time (1 success in 6 attempts).

Answers by: darksanity | jkerr

darksanity's Answer:

Reply by darksanity 659 days ago

I'd float all the divs like this: img.photobucket.com/albu...egooddale/fl.png

I wasn't sure what screen resolutions you want it to work in, so you may have to play around with the widths.

Reply by darksanity 659 days ago

sry the link is http://img.photobucket.com/albums/v215/thegooddale/fl.png

Reply by paulg 658 days ago

Hi, I need this to work from 800 x 600 on up. The left & right columns are fixed-width & the center is liquid. The div's are ordered left, right, center in the document.

I see your PNG with the float suggestions, but what order should the DIV's appear in the mark-up?

Paul

Reply by paulg 658 days ago

And, please let me know if there will be any Clear DIV's needed & where they should go.

Paul

Reply by paulg 658 days ago

Actually, now that I look at your solution, I also need to point out that restricting the width of some of the content isn't an option, as that section can be pretty long. I need a solution that floats the side_item DIV properly to the right & wraps everything else around it to the left.

Paul

Reply by darksanity 658 days ago

ok ill take another look at it

Reply by darksanity 658 days ago

Here's a couple of different versions:

Floated: lazydragon.dreamhosters.com/test-3.html

Absolute positioned: lazydragon.dreamhosters.com/test-2.html

In the right-hand column: lazydragon.dreamhosters.com/test.html

Reply by darksanity 652 days ago

hello is anyone there??? lola!!!!! my answer not good enough???? gimme some feed back man!!!!