How to Prevent Divs From Wrapping

 

The div tags on my site always wrapped when the browser was too thin (around less than 800 pixels wide). It was not too much of a problem as according to my web stats there are hardly any users that would view the site at such a resolution. The problem came, however, when software such as that used by snap.com and Alexa would take an image snapshot of the site; it would break up most of the top menu.

I searched Google for a solution but didn't find anything. However, I found out how to fix it and it's very easy.

Simply create another div around the wrapping div (make sure it doesn't contain anything else other than wrapping div) and in your CSS specify the width absolutely. I'm not sure how this works for relatively sized sites but for absolute sized sites like mine it works great.

I tested it with Firefox, IE and Opera and it renders correctly.

No comments.