Need help with floats in IE6, Why does text get bumped down to a new line? |
Need help with floats in IE6, Why does text get bumped down to a new line? |
SueBee |
Sep 6 2007, 11:16 AM
Post
#1
|
Group: Members Posts: 3 Joined: 1-February 07 Member No.: 1,754 |
I've been using float, but I'm afraid I don't understand it completely and now I've run into trouble with IE6.
http://www.fitness-uprising.com/rates.html appears OK in Firefox and Safari and IE on Mac, but on IE6.0 on Windows, the text bumps down below the images. I'm guessing this is a problem with my CSS, and that IE thinks there's not enough room width-wise, so that's why it bumps the text down. However, there may be more to it than this. Any idea on how to fix this? I'm puzzled, because all the other pages on this site appear OK -- it's only the "rates" page that has this problem. Any help would be greatly appreciated!! Thanks in advance! |
Darin McGrew |
Sep 6 2007, 11:34 AM
Post
#2
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
Interesting. I see it in MSIE only with View > Text Size > Medium. The layout is correct in MSIE with View > Text Size > Largest, Larger, Smaller, or Smallest.
Right now, you've got a 120px image and a 600px DIV trying to fit into a 720px DIV. That can work, but it might work more reliably if you specify "padding: 0; margin: 0" for all the DIV elements and for the image. |
pandy |
Sep 6 2007, 11:46 AM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Yes, IE has several bugs with float. Not sure which one that's at work here, but it gets too tight for IE. Cut a little off the width of the content DIV. 3px seems to be the critical amount.
|
pandy |
Sep 6 2007, 11:49 AM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Interesting. I see it in MSIE only with View > Text Size > Medium. The layout is correct in MSIE with View > Text Size > Largest, Larger, Smaller, or Smallest. I didn't notice that. Funny. Could it have to do with the italics? There's something with IE and italics... |
pandy |
Sep 6 2007, 11:54 AM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Yes! Use 'font-style: normal' for the list and the DIV doesn't drop anymore. Incidentally, I think that looks better. Slanted text is a little bothersome to read on screen.
Darin, do you remember what it is with IE and italics? Do the letters take up too much horizontal space or something? I have a note about it somewhere but I don't remember the details. |
pandy |
Sep 6 2007, 11:56 AM
Post
#6
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
|
SueBee |
Sep 6 2007, 12:07 PM
Post
#7
|
Group: Members Posts: 3 Joined: 1-February 07 Member No.: 1,754 |
Excellent!
I reduced the width of the main div by 5px on each side and that seemed to do the trick (in IE 6, at least). (And I changed the font style to normal on your advice java script:emoticon(':)', 'smid_3') A round of beers, on me! Thank you, thank you! |
pandy |
Sep 6 2007, 12:17 PM
Post
#8
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
If you take away the italics you don't have to reduce the width of the content DIV. But better safe than sorry, I guess.
|
Lo-Fi Version | Time is now: 24th April 2024 - 11:25 PM |