How to prevent the floating layout wrapping when firefox zoom is reduced
Posted
by Dmitri Zhuchkov
on Stack Overflow
See other posts from Stack Overflow
or by Dmitri Zhuchkov
Published on 2009-08-13T19:40:39Z
Indexed on
2010/03/25
12:23 UTC
Read the original article
Hit count: 487
Given the following HTML. It display two columns: #left, #right. Both are fixed width and have 1px borders. Width and borders equal the size of upper container: #wrap.
When I zoom out Firefox 3.5.2 by pressing Ctrl+- columns get wrapped (demo).
How to prevent this?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
div {float:left}
#wrap {width:960px}
#left, #right {width:478px;border:1px solid}
</style>
</head>
<body>
<div id="wrap">
<div id="left">
left
</div>
<div id="right">
right
</div>
</div>
</body>
</html>
© Stack Overflow or respective owner
