7 Replies Latest reply on May 3, 2012 4:54 AM by martcol

    Quirky little thing...

    Go7hic13 Level 1

      I have CS5.5 installed and as I'm building my website using Dreamweaver and I'm in "Design View" the main content area drops below the sidebar.  However, when I launch it into ANY browser it appears as it should...  Is this a problem on my part? Or just how Dreamweaver handles displaying the page in "Design View"?  Maybe, I have an extra pixel on a border or padding somewhere?!?!

        • 1. Re: Quirky little thing...
          martcol Level 4

          In my view this could be a minor code problem or possibly something called float drop.  You have several options:


          Google float drop and see if that applies

          Validate your code

          Post your code here or

          Give a link to your page




          The final option is preferred.

          • 2. Re: Quirky little thing...
            Go7hic13 Level 1

            How can I validate my code?



            Here's the link...  (Nothing great and the code is a bit sloppy as I'm not the best web designer yet nor did I have a chance to clean it up).



            • 3. Re: Quirky little thing...
              Go7hic13 Level 1

              Just thinking...  Would placing the "paragraph content" or "text" into it's own separate <div> work?  The image should be fine I would think since it's smaller than the main content area.  But the <p>aragraph text might not be wrapping properly.  If I take the "padding-left" and set it to 0;  The page displays perfectly in Dreamweaver.  But If I try to put a little bit of separation between the sidebar and the content it drops the content below the sidebar.  Although, it displays in all the browsers I've tested so far completely fine...  Dreamweaver doesn't display it properly and since I'm on a Mac I haven't yet tried to view it in IE (any version).


              Just a thought maybe I'll try it.

              • 4. Re: Quirky little thing...
                martcol Level 4

                You should not have a style element in your page.  I should go in the head of the page between the <head> </head> tags



                  /* refresh The p class display */

                  p {

                padding-top: 10px;

                    padding-right: 12px;

                padding-left: 12px;

                color: #000;

                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;




                And the opening tag should be <style type="text/css">


                And I wonder if you really need to float the <h1> element in the content?





                1 person found this helpful
                • 5. Re: Quirky little thing...
                  martcol Level 4

                  You can get a quick and dirty look at your page in IE by using this:




                  It has its limitations but it does help.  I just had a look at IE6 in netrenderer and the page appears to hold up.



                  1 person found this helpful
                  • 6. Re: Quirky little thing...
                    Go7hic13 Level 1

                    Thanks for the information but I was able to fix it by creating an additional <div> for the text content within the "content" <div>.  It now displays both in dreamweaver and the browsers correctly.


                    Thanks much for validator link and the renderer link too.  They can certainly help...  I gave you a few points for your assistance.



                    • 7. Re: Quirky little thing...
                      martcol Level 4

                      Glad you got it sorted.


                      Sent from my iPhone