AStrangerWCandy Posted October 14, 2009 Share Posted October 14, 2009 Hi I have a site at www.thebuddyfolder.com The site is written in PHP and structured with <DIV> tags that float. Whenever the site is zoomed in the page breaks and everything stacks on top of each other. I'm fairly newbish when it comes to CSS so any advice on what may fix that would be appreciated. Quote Link to comment https://forums.phpfreaks.com/topic/177715-zooming-beyond-110-breaks-css/ Share on other sites More sharing options...
haku Posted October 15, 2009 Share Posted October 15, 2009 The reason for this is your floated elements. Floated elements float to the direction they are floated in, and if they don't have enough space to fit, they drop down to the next line and float there. So when you zoom in, it increases the size of the elements that are floated, causing them to not have enough space to fit in to the spot they belong in, dropping them down. Play around with the widths of the elements, giving them fixed widths instead of variable widths (ex: 400px instead of 40%). You can also add min-width and max-width to elements (though this won't work on IE6). Quote Link to comment https://forums.phpfreaks.com/topic/177715-zooming-beyond-110-breaks-css/#findComment-937123 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.