Home/ Questions/Q 6614503
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T20:20:48+00:00

I’m currently trying to make a div that is 100% as wide as the

  • 0

I’m currently trying to make a div that is 100% as wide as the whole screen. And I did it by writing the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>
    <title>100% width</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <style type="text/css">
        html,body {
            padding:0px;
            margin:0px;
            width:100%;
        }
    </style>

</head>

<body>

    <div style="background-color:yellow;">
        aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    </div>

</body>

</html>

It works fine in normal zoom settings but when I do max zoom in (FireFox 6.0.2) the letters inside the div outgrows the yellow box. Is there a way for the yellow box to extend to the end of the window as well?

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can force the really long word to wrap with:

     word-wrap: break-word;

    in your div style.

    Does it really matter what happens at maximum zoom though?

    • 0