4 Replies Latest reply: Apr 14, 2011 8:56 AM by Andy Bay RSS

    Dreamweaver design view doesn't show the bottom part of a long div

    Andy Bay Community Member

      Hi!

       

      I'm doing a very graphics oriented site, which basically requires me to use a large jpg as a background image and placing text areas against this background     using absolute positioning.

       

      My problem is that Dreamweaver doesn't show me the bottom part of my content div's background, but renders it as black instead. This obviously makes placing the text areas correctly difficult, since I can't see them against the background.

       

      If I turn on Live view, then Dreamweaver shows the bottom part correctly. But in live view I can't use rulers and guides (or can I?).

       

      Is there any setting that I can change so that Dreamweaver is showing me the whole div bg in all situations? One possible cause of this problem might be also that I'm using overflow:scroll on my content. Could that be why Dreamweaver hides the bottom part and can I change that behaviour?

       

      Any ideas are welcome!

        • 1. Re: Dreamweaver design view doesn't show the bottom part of a long div
          SnakEyez02 CommunityMVP

          Andy Bay wrote:

           

          Hi!

           

          Is there any setting that I can change so that Dreamweaver is showing me the whole div bg in all situations? One possible cause of this problem might be also that I'm using overflow:scroll on my content. Could that be why Dreamweaver hides the bottom part and can I change that behaviour?

           

          Any ideas are welcome!

           

          Yes.  I can't understand why you would need a div to overflow with a scroll because if your background image is too large then the page will scroll regardless.  Just be careful with absolute positioning though and have a good understanding of CSS rules before going too far with this project or else as the user's resolution changes so does the positions of your text on your background.

          • 2. Re: Dreamweaver design view doesn't show the bottom part of a long div
            Andy Bay Community Member

            Hi!

             

            I need overflow scroll, because the client wants the page main background to stay in place while only the content area in the middle is scrolling. Is there any way to work visually in Dreamweaver while using overflows? At the moment the behaviour is very strange, sometimes I get parts of the scrolled image and then it goes black again, which almost feels like buggy behaviour.

            • 3. Re: Dreamweaver design view doesn't show the bottom part of a long div
              SnakEyez02 CommunityMVP

              If we can see the page in question we could probably do this a lot easier.  But all you need to do in your CSS for the background is:

               

              background: url(pathto/image.jpg) fixed no-repeat;

               

              If you are trying to absolutely position something in the middle you will be unable to do this without the assistance of javascript to determine the useable pixels on the end-users computer.  Horiztonally is not the issue, but rather vertically because you can achieve horizontal centering by defining a width and setting the margin: 0 auto; in your CSS.

               

              As far as working with overflows, if there is too much content in them that you believe the overflow will be necessary (assuming min/max-widths are set) you could consider including the content from another document or store it in a database and query the information out.  Then it would make it easier for the client to update the content on their own in the future.

              • 4. Re: Dreamweaver design view doesn't show the bottom part of a long div
                Andy Bay Community Member

                I started to customize the code in order to make it anonymous, but after 2 hours of work I have to give that up its just too much work :/ I can't show the clients web site in public at the moment, they wouldn't be happy if I did.

                 

                I guess my only question at this point is: Can I somehow improve the way Dreamweaver displays overflows in the design view. I need this in order to see what I'm doing, because at the moment Dreamweaver renders the div background sluggishly and randomly and it never shows the picture all the way down.