Home/ Questions/Q 7765177
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T15:06:19+00:00

I have the following problem. I am making this website you can see in

  • 0

I have the following problem. I am making this website you can see in the screenshot. It’s basically a two rows – three columns Layout with div and css and everything is working fine so far.
But the strippe above the “English”-div is supposed to always go to the right end of the brwoser, but i have no idea how I can achieve this. I’ve tried javascript but I can’t get it to work.
Thanks in advance for your help.

The html code:

http://dl.dropbox.com/u/15902831/index_de.txt

Image of the website

http://dl.dropbox.com/u/15902831/capture.png

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    jQuery solution. Fully Tested.

    The following solution uses jQuery to determine what the size of the strip should be, and then set it.
    What’s more it does it even when the user resizes their screen.

    Just add the following to your <head>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
  function resizeRedBar()
  {
          //determine what size the strip should be
          var offset = $("#right_col").offset();
          var windowWidth = $(window).width();
          //now set the width of the red strip
          $("#right_col_box_stripe_split").width(windowWidth - offset.left);
  }
  
  $(document).ready(function()
  {
      //set size of red bar when page loads
      resizeRedBar();
      
      $(window).resize(function()
      {
          //set size of red bar when window is resized
          resizeRedBar();
      });
  });
</script>

    Working Version

    http://www.digitalbiscuits.co.uk/testbed/autosize_test

    • 0