Kieran Menor Posted July 13, 2009 Share Posted July 13, 2009 Problematic site is here: http://www.kuribo.org/ The box/bar in the top right corner is draggable, if you click the little green rectangle. Try dragging it around in Internet Explorer 6, and the problem should be obvious. What causes this, and is it fixable? Thanks! Quote Link to comment Share on other sites More sharing options...
TheFilmGod Posted July 13, 2009 Share Posted July 13, 2009 It cracks me up to see people write hard code - without the help of any framework. Just try solving this problem - a cross browser problem that wouldn't have been a problem if you used jquery or mootools. Enjoy. jquery.com Quote Link to comment Share on other sites More sharing options...
Kieran Menor Posted July 13, 2009 Author Share Posted July 13, 2009 Yeah, try posting something helpful next time. Besides, the problem isn't Javascript related, hence I made the thread here. If you stripped out all the Javascript, you would see that Internet Explorer 6 still squeezes the box together rather than displaying the text on a single line like in IE7, IE8, FF, Safari, Opera and Chrome. Quote Link to comment Share on other sites More sharing options...
haku Posted July 13, 2009 Share Posted July 13, 2009 For all his attitude, TheFilmGod was probably right - if you use a library for this, it may very well fix your problem. They are designed to be cross-browser compatible. I'm not able to see the problem though - I don't have IE6 accessible at the moment. So I could be entirely wrong. Quote Link to comment Share on other sites More sharing options...
Kieran Menor Posted July 13, 2009 Author Share Posted July 13, 2009 Except it's a CSS problem. As I said, even if you disable JS, IE6 still squeezes the box rather than displaying the text on a single line. Compare it to the behaviour of the box when brought to close to the left edge of the page in any other browser. Only that in IE6, it seems to happen with the right edge instead. The box displays correctly if you move outside the normal page area. Quote Link to comment Share on other sites More sharing options...
J.Daniels Posted July 13, 2009 Share Posted July 13, 2009 It may be because of the parent nav container, since the width is set to 125px. When I moved the "salad" container above: <div id="wrapper"> <div id="salad"> <div id="lettuce"> </div> <div class="content">Tip of the day: This will not contain tips of the day.</div> </div> <div id="nav"> <div id="logo"></div> ... it appears to render the way you want. Quote Link to comment Share on other sites More sharing options...
Kieran Menor Posted July 14, 2009 Author Share Posted July 14, 2009 Augh. Why didn't I think of that? Thanks a lot, I'll try it out first chance I get! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.