2 Replies Latest reply on Jan 15, 2009 4:38 AM by Newsgroup_User

    How to Extend Blue Line to Edges?

    erase erase
      My web page fills 100% of any monitor it is viewed on. Below the title graphic, I inserted an image of a blue line. It is a gif measuring 5 pixels in width and 900 pixels in length. I want the line to stretch and shrink to fit every monitor as well. How do I do that?
        • 1. Re: How to Extend Blue Line to Edges?
          Level 7
          If I understand you correctly, you want a line to be 100% width of viewport.
          Why not use an hr instead of an image?

          CSS:
          -------------
          hr {
          width: 100%;
          height: 4px;
          color: blue;
          }

          HTML:
          --------
          <hr> <!--this is a blue line--!




          • 2. Re: How to Extend Blue Line to Edges?
            Level 7
            Perhaps in DW and IE it is but not in FF. I think you'd be better off with
            a page background image that tiles to fill the width from left to right.
            Any other approach will depend on the body tag's margin settings.

            --
            Murray --- ICQ 71997575
            Adobe Community Expert
            (If you *MUST* email me, don't LAUGH when you do so!)
            ==================
            http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
            http://www.dwfaq.com - DW FAQs, Tutorials & Resources
            ==================


            "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
            news:gklupk$d0u$1@forums.macromedia.com...
            > If I understand you correctly, you want a line to be 100% width of
            > viewport.
            > Why not use an hr instead of an image?
            >
            > CSS:
            > -------------
            > hr {
            > width: 100%;
            > height: 4px;
            > color: blue;
            > }
            >
            > HTML:
            > --------
            > <hr> <!--this is a blue line--!
            >
            >
            >
            >