8 Replies Latest reply: Jun 16, 2007 6:44 PM by joe dora RSS

    Nrevoud Breakdown

    joe dora Community Member
      Made new index page with dreamweaver css layout. 2 column with header and footer. I did fool around a bit to tweak to my liking. Using ie7 page settles in o.k. (At least I tailored it to set in o.k.).
      When I open in firefox2 left hand column looks awful.
      I don't know what to do.

      I posted on my site. Look at it in both browsers.
      http://usersite.com/ahim
        • 1. Re: Nrevoud Breakdown
          Newsgroup_User Community Member
          Find the following in the stylesheet and remove the height rule



          .twoColFixLtHdr #container {
          width: 780px; /* using 20px less than a full 800px width allows for
          browser chrome and avoids a horizontal scroll bar */
          background: #FFFFFF;
          margin: 0 auto; /* the auto margins (in conjunction with a width) center
          the page */
          border: 1px solid #000000;
          text-align: left; /* this overrides the text-align: center on the body
          element. */
          height: 550px; /* <--------------remove */



          --
          Nadia
          Adobe® Community Expert : Dreamweaver
          ----------------------------------------
          CSS Templates |Tutorials |SEO Articles
          http://www.DreamweaverResources.com
          ~ Customisation Service Available ~
          http://www.csstemplates.com.au
          ----------------------------------------------------
          Spry Widget Examples
          http://www.dreamweaverresources.com/spry-widgets/
          ----------------------------------------------------




          "joe dora" <webforumsuser@macromedia.com> wrote in message
          news:f4rf69$9b1$1@forums.macromedia.com...
          > Made new index page with dreamweaver css layout. 2 column with header and
          > footer. I did fool around a bit to tweak to my liking. Using ie7 page
          > settles
          > in o.k. (At least I tailored it to set in o.k.).
          > When I open in firefox2 left hand column looks awful.
          > I don't know what to do.
          >
          > I posted on my site. Look at it in both browsers.
          > http://usersite.com/ahim
          >


          • 2. Re: Nrevoud Breakdown
            joe dora Community Member
            Followed instructions and removed the height 550 rule.
            Results much better but left hand column still stretches out in firefox. It seems to want to push it down to the bottom of the page. The site sort of narrows.

            I posted results at http://usersite.com/ahim
            • 3. Re: Nrevoud Breakdown
              Newsgroup_User Community Member
              I'm viewing the updated page using FFox 1.5 and I don't see any problems
              with it at all. IE7 is showing up the same as FFox. I don't see the
              sidebar stretching - so not sure what you are describing.

              --
              Nadia
              Adobe® Community Expert : Dreamweaver
              ----------------------------------------
              CSS Templates |Tutorials |SEO Articles
              http://www.DreamweaverResources.com
              ~ Customisation Service Available ~
              http://www.csstemplates.com.au
              ----------------------------------------------------



              "joe dora" <webforumsuser@macromedia.com> wrote in message
              news:f4spbu$s5$1@forums.macromedia.com...
              > Followed instructions and removed the height 550 rule.
              > Results much better but left hand column still stretches out in firefox.
              > It
              > seems to want to push it down to the bottom of the page. The site sort of
              > narrows.
              >
              > I posted results at http://usersite.com/ahim
              >


              • 4. Re: Nrevoud Breakdown
                joe dora Community Member
                Is their any way to stop the site from stretching down with firefox?

                Other wise thank you for your help.

                Most people use IE anyway.
                • 5. Re: Nrevoud Breakdown
                  Newsgroup_User Community Member
                  "joe dora" <webforumsuser@macromedia.com> wrote in message
                  news:f4stip$5sd$1@forums.macromedia.com...
                  > Is their any way to stop the site from stretching down with firefox?

                  Well, that's the problem, I can't see this 'stretching' that you are
                  talking about :-)
                  A container (whether it's a div or a table cell) will stretch fit whatever
                  content is in it.

                  From your site, I can see that your layout is as high as what content you
                  have in it, on the left side, you have some links and it stops short at that
                  point, it doesn't stretch to fit my full window.

                  So unless FFox V2 is doing something strange, I'm afraid I can't help as I
                  don't have that version.

                  > Other wise thank you for your help.
                  You're welcome :-)

                  >
                  > Most people use IE anyway.

                  Maybe they do, but I"m sure you'd like to have it the same in all browsers.
                  Can you post a snapshot of what you are seeing in your version of Firefox?
                  someone may be able to help if they see what you are seeing... (hopefully
                  :)


                  --
                  Nadia
                  Adobe® Community Expert : Dreamweaver
                  ----------------------------------------
                  CSS Templates |Tutorials |SEO Articles
                  http://www.DreamweaverResources.com
                  ~ Customisation Service Available ~
                  http://www.csstemplates.com.au
                  ----------------------------------------------------
                  Spry Widget Examples
                  http://www.dreamweaverresources.com/spry-widgets/
                  ----------------------------------------------------


                  • 6. Re: Nrevoud Breakdown
                    joe dora Community Member
                    Please take another look at my site with ie and firefox.
                    Note how container hugs to left in firefox.
                    http://usersite.com/ahim
                    • 7. Re: Nrevoud Breakdown
                      Fred1000 Community Member
                      Don't know the answer but I can see the main content area in IE6 does not have any padding on the left to move the content away from the left menu div.
                      • 8. Re: Nrevoud Breakdown
                        joe dora Community Member
                        There is 20 pixiels of left hand padding in the main content. I added 20 more but firefox didn't budge.
                        IE looks good