natimage Posted May 25, 2004 Posted May 25, 2004 I'm sure I'm missing something really simple, but I have no idea what it is. THIS PAGE does funky things when the browser window is resized to less than 800x600! Instead of staying in place, the div boxes across the center wrap downwards!!!! The whole page is built with CSS...I just can't figure out this little bug. I've looked at the style sheet this was based on and can't find any differences! If anyone has any suggestions, that would be great. I will be happy to provide specific CSS code if that will help. All three boxes across the center use margins, padding and float codes for positioning. Quote
annie Posted May 25, 2004 Posted May 25, 2004 For me it starts to break apart even at that resolution. There's a box beneath there that I think should have been beside the other box. Quote
natimage Posted May 25, 2004 Author Posted May 25, 2004 Yes...I'm beginning to think I misunderstood the capabilities of positioning with only margins, padding and floats. I think I need to work in some relative positioning of these elements! Quote
kaseytraeger Posted May 25, 2004 Posted May 25, 2004 I'm sorry I don't have time to look at this for you. Things are very busy at work today. But if the problem is still up in the air when I get home, I'll do my best to look into it for you. I'm sure it will be something so simple that we'll all say "Duh". Quote
borfast Posted May 25, 2004 Posted May 25, 2004 Tracy, I'd say that it's a problem with the browser you're using (IE5/6, I'd guess), because it works just fine with Firefox - I get a horizontal scroll bar to sroll the window and see the areas I can't see with a browser window smaller than 800x600. Quote
annie Posted May 25, 2004 Posted May 25, 2004 Mine is also Firefox, and to me it doesn't look right. And yeah, the elements break unto the next line. Quote
natimage Posted May 25, 2004 Author Posted May 25, 2004 I test using IE6 and the latest stable Mozilla...breaks up with both of them!! Quote
natimage Posted May 25, 2004 Author Posted May 25, 2004 Problem solved!!! The style sheet I had used for guidance was a little missleading. I got it figured out though. I needed to specify a width for the main #container and then position other main div elements relative!!! Quote
TCH-Bruce Posted May 25, 2004 Posted May 25, 2004 (edited) Nice going Tracy, knew you would figure it out! Edited May 25, 2004 by TCH-Bruce Quote
kaseytraeger Posted June 1, 2004 Posted June 1, 2004 Congrats on solving your own CSS issue! I wish I could do that more often instead of bugging others ... Quote
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.