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
hey paul. i'm getting back to you. ummm, css spec calls for the clear property to clear any previous floats -- any floats coming earlier in the code. most other browsers do not implement this correctly. FF does. it'll just require some trial and error -- i've gotten around it before but have not settled on a set formula yet. i'll chip in another 5 for a bullet proof answer to this.
Thanks. Also, any idea why single and double quotes are rendering like ’s with your CSS?
Paul