Home/ Questions/Q 582103
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T14:39:04+00:00

Its in all in the title. I’m trying to get a div on the

  • 0

Its in all in the title.

I’m trying to get a div on the left of the page to a static width 170px; this works fine.

What I’m having issues with is getting a div next to it, that scales to fit the remaining width.

Is there a simple approach I can use here?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    On the right-hand div, just set a margin:

    style="margin-left: 170px;"

    Here’s an example page, works here:

    <html>
  <head>
    <title>Jquery Test</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
    <script type="text/javascript">
      $(function()  {
        var right = $("#right");
        $("#toggle").click(function() {
          $("#left").animate({"width": "toggle"}, {
            duration: 250,
            step: function() {
                right.css("margin-left", $(this).width());
            }
          }, function() { right.css("margin-left", $("#left").width()); });             
        });
      });
    </script>
    <style type="text/css">
      #left { width: 170px; float: left; border: solid 1px red; }
      #right { margin-left: 170px; border: solid 1px green; }
    </style>
  </head>
  <body>
    <div id="left">Test</div>
    <div id="right">Test Right</div>
    <input id="toggle" value="Open/Close" type="button" />    
  </body>
</html>
    • 0