Jump to content

Zooming beyond 110% breaks CSS


AStrangerWCandy

Recommended Posts

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.

Link to comment
https://forums.phpfreaks.com/topic/177715-zooming-beyond-110-breaks-css/
Share on other sites

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).

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.