5 Replies Latest reply on May 16, 2006 6:42 AM by Newsgroup_User

    Can anyone spot whats wrong with my CSS here? Got a height problem

    Level 7
      http://www.fatgraphics.com/flowers/test.htm

      This is the first CSS layout site I have written from scratch, instead of
      using one of P7s pagepacks and I have come undone a bit. The main problem is
      that the container does not expand with the contents - well it does in IE
      but not in Firefox or Opera. There has to be some height setting that I have
      missed. The second problem is not crucial but I'd like to understand it: in
      order to get the contents div to tuck up snug below the navbar I have had to
      apply a negative margin to it, so again, I must have made a basic mistake.
      The CSS is inline with the file for easy troubleshooting!
      This has to be real simple but I have a hangover today and am a bear of very
      little brain.
      Thanks so much.

      --
      James


        • 1. Re: Can anyone spot whats wrong with my CSS here? Got a height problem
          Level 7
          Why bother with this -

          <div id="footer">Ye Olde Flower Shoppe, 8 Catherine Hill, Frome, BA11 1BY.
          Tel/Fax
          01373 469 869. <a
          href="Templates/&#x6d;ai&#x6c;t&#111;&#58;i&#x6e;&#x66;&#x6f;&#64;y&#101;ol&#x64;&#x65;&# x66;&#x6c;ow&#x65;r&#115;&#x68;&#111;&#112;&#x70;&#x65;&#x2e;&#x63;&#111;&#46;&#x75;k">&#1 05;&#110;&#102;&#111;&#x40;&#121;&#x65;&#x6f;&#x6c;&#100;&#101;&#x66;&#x6c;&#111;w&#101;rs &#104;&#111;&#112;p&#x65;&#46;&#x63;&#x6f;&#x2e;&#x75;k</a>.
          </div>

          ?

          Anyhow, change this -

          </div><!-- container close -->

          to this -

          <br style="clear:both">
          </div><!-- container close -->

          and remove the height from all divs.

          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.dreamweavermx-templates.com - Template Triage!
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
          ==================


          "James Loudon" <ixnay@blahblahfatgraphics.com> wrote in message
          news:e4ci9q$hed$1@forums.macromedia.com...
          > http://www.fatgraphics.com/flowers/test.htm
          >
          > This is the first CSS layout site I have written from scratch, instead of
          > using one of P7s pagepacks and I have come undone a bit. The main problem
          > is that the container does not expand with the contents - well it does in
          > IE but not in Firefox or Opera. There has to be some height setting that I
          > have missed. The second problem is not crucial but I'd like to understand
          > it: in order to get the contents div to tuck up snug below the navbar I
          > have had to apply a negative margin to it, so again, I must have made a
          > basic mistake. The CSS is inline with the file for easy troubleshooting!
          > This has to be real simple but I have a hangover today and am a bear of
          > very little brain.
          > Thanks so much.
          >
          > --
          > James
          >


          • 2. Re: Can anyone spot whats wrong with my CSS here? Got a height problem
            Level 7
            Yay Murray! Thanks so much - I forgot about that fix - I had to use it
            sometime in the past and forgot all about it. Sorted - the stuff in the
            footer is an email scrambling thing I found, an extension. I guess its a bit
            clunky but I think it does the trick. How do you get around the problem of
            hiding mailto: links?

            --
            James

            "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
            news:e4cj0b$ib3$1@forums.macromedia.com...
            > Why bother with this -
            >
            > <div id="footer">Ye Olde Flower Shoppe, 8 Catherine Hill, Frome, BA11 1BY.
            > Tel/Fax
            > 01373 469 869. <a
            > href="Templates/&#x6d;ai&#x6c;t&#111;&#58;i&#x6e;&#x66;&#x6f;&#64;y&#101;ol&#x64;&#x65;&# x66;&#x6c;ow&#x65;r&#115;&#x68;&#111;&#112;&#x70;&#x65;&#x2e;&#x63;&#111;&#46;&#x75;k">&#1 05;&#110;&#102;&#111;&#x40;&#121;&#x65;&#x6f;&#x6c;&#100;&#101;&#x66;&#x6c;&#111;w&#101;rs &#104;&#111;&#112;p&#x65;&#46;&#x63;&#x6f;&#x2e;&#x75;k</a>.
            > </div>
            >
            > ?
            >
            > Anyhow, change this -
            >
            > </div><!-- container close -->
            >
            > to this -
            >
            > <br style="clear:both">
            > </div><!-- container close -->
            >
            > and remove the height from all divs.
            >
            > --
            > Murray --- ICQ 71997575
            > Adobe Community Expert
            > (If you *MUST* email me, don't LAUGH when you do so!)
            > ==================
            > http://www.dreamweavermx-templates.com - Template Triage!
            > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
            > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
            > http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
            > ==================
            >
            >
            > "James Loudon" <ixnay@blahblahfatgraphics.com> wrote in message
            > news:e4ci9q$hed$1@forums.macromedia.com...
            >> http://www.fatgraphics.com/flowers/test.htm
            >>
            >> This is the first CSS layout site I have written from scratch, instead of
            >> using one of P7s pagepacks and I have come undone a bit. The main problem
            >> is that the container does not expand with the contents - well it does in
            >> IE but not in Firefox or Opera. There has to be some height setting that
            >> I have missed. The second problem is not crucial but I'd like to
            >> understand it: in order to get the contents div to tuck up snug below the
            >> navbar I have had to apply a negative margin to it, so again, I must have
            >> made a basic mistake. The CSS is inline with the file for easy
            >> troubleshooting!
            >> This has to be real simple but I have a hangover today and am a bear of
            >> very little brain.
            >> Thanks so much.
            >>
            >> --
            >> James
            >>
            >
            >


            • 3. Re: Can anyone spot whats wrong with my CSS here? Got a height problem
              Level 7
              It's not really a fix. It's just that if you want a container to expand to
              wrap floated content, you must clear the floats before closing the
              container.

              > but I think it does the trick

              This means that you also believe in the tooth fairy? I mean your confidence
              that spambots cannot undo simple server encoding....

              When protecting email addresses is critical, I use email forms, not mailto:
              links.

              --
              Murray --- ICQ 71997575
              Adobe Community Expert
              (If you *MUST* email me, don't LAUGH when you do so!)
              ==================
              http://www.dreamweavermx-templates.com - Template Triage!
              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
              ==================


              "James Loudon" <ixnay@blahblahfatgraphics.com> wrote in message
              news:e4cjob$j7c$1@forums.macromedia.com...
              > Yay Murray! Thanks so much - I forgot about that fix - I had to use it
              > sometime in the past and forgot all about it. Sorted - the stuff in the
              > footer is an email scrambling thing I found, an extension. I guess its a
              > bit clunky but I think it does the trick. How do you get around the
              > problem of hiding mailto: links?
              >
              > --
              > James
              >
              > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
              > news:e4cj0b$ib3$1@forums.macromedia.com...
              >> Why bother with this -
              >>
              >> <div id="footer">Ye Olde Flower Shoppe, 8 Catherine Hill, Frome, BA11
              >> 1BY. Tel/Fax
              >> 01373 469 869. <a
              >> href="Templates/&#x6d;ai&#x6c;t&#111;&#58;i&#x6e;&#x66;&#x6f;&#64;y&#101;ol&#x64;&#x65;&# x66;&#x6c;ow&#x65;r&#115;&#x68;&#111;&#112;&#x70;&#x65;&#x2e;&#x63;&#111;&#46;&#x75;k">&#1 05;&#110;&#102;&#111;&#x40;&#121;&#x65;&#x6f;&#x6c;&#100;&#101;&#x66;&#x6c;&#111;w&#101;rs &#104;&#111;&#112;p&#x65;&#46;&#x63;&#x6f;&#x2e;&#x75;k</a>.
              >> </div>
              >>
              >> ?
              >>
              >> Anyhow, change this -
              >>
              >> </div><!-- container close -->
              >>
              >> to this -
              >>
              >> <br style="clear:both">
              >> </div><!-- container close -->
              >>
              >> and remove the height from all divs.
              >>
              >> --
              >> Murray --- ICQ 71997575
              >> Adobe Community Expert
              >> (If you *MUST* email me, don't LAUGH when you do so!)
              >> ==================
              >> http://www.dreamweavermx-templates.com - Template Triage!
              >> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              >> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              >> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
              >> ==================
              >>
              >>
              >> "James Loudon" <ixnay@blahblahfatgraphics.com> wrote in message
              >> news:e4ci9q$hed$1@forums.macromedia.com...
              >>> http://www.fatgraphics.com/flowers/test.htm
              >>>
              >>> This is the first CSS layout site I have written from scratch, instead
              >>> of using one of P7s pagepacks and I have come undone a bit. The main
              >>> problem is that the container does not expand with the contents - well
              >>> it does in IE but not in Firefox or Opera. There has to be some height
              >>> setting that I have missed. The second problem is not crucial but I'd
              >>> like to understand it: in order to get the contents div to tuck up snug
              >>> below the navbar I have had to apply a negative margin to it, so again,
              >>> I must have made a basic mistake. The CSS is inline with the file for
              >>> easy troubleshooting!
              >>> This has to be real simple but I have a hangover today and am a bear of
              >>> very little brain.
              >>> Thanks so much.
              >>>
              >>> --
              >>> James
              >>>
              >>
              >>
              >
              >


              • 4. Re: Can anyone spot whats wrong with my CSS here? Got a height problem
                Level 7
                I mean your confidence
                > that spambots cannot undo simple server encoding....

                Oh yeah, no doubt - but it probably keeps some of them at bay. The mailto:
                itself is encoded so theoretically the bots dont try to unscramble the email
                address cos they dont know its there. I believe it worked up to a point. I
                raised this whole issue here last year and got a mixed response then. Most
                people, including you said that it was largely a waste of time, but every
                little helps I guess.
                --
                James

                "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                news:e4ck6c$jpa$1@forums.macromedia.com...
                > It's not really a fix. It's just that if you want a container to expand
                > to wrap floated content, you must clear the floats before closing the
                > container.
                >
                >> but I think it does the trick
                >
                > This means that you also believe in the tooth fairy? I mean your
                > confidence that spambots cannot undo simple server encoding....
                >
                > When protecting email addresses is critical, I use email forms, not
                > mailto: links.
                >
                > --
                > Murray --- ICQ 71997575
                > Adobe Community Expert
                > (If you *MUST* email me, don't LAUGH when you do so!)
                > ==================
                > http://www.dreamweavermx-templates.com - Template Triage!
                > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                > http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                > ==================
                >
                >
                > "James Loudon" <ixnay@blahblahfatgraphics.com> wrote in message
                > news:e4cjob$j7c$1@forums.macromedia.com...
                >> Yay Murray! Thanks so much - I forgot about that fix - I had to use it
                >> sometime in the past and forgot all about it. Sorted - the stuff in the
                >> footer is an email scrambling thing I found, an extension. I guess its a
                >> bit clunky but I think it does the trick. How do you get around the
                >> problem of hiding mailto: links?
                >>
                >> --
                >> James
                >>
                >> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                >> news:e4cj0b$ib3$1@forums.macromedia.com...
                >>> Why bother with this -
                >>>
                >>> <div id="footer">Ye Olde Flower Shoppe, 8 Catherine Hill, Frome, BA11
                >>> 1BY. Tel/Fax
                >>> 01373 469 869. <a
                >>> href="Templates/&#x6d;ai&#x6c;t&#111;&#58;i&#x6e;&#x66;&#x6f;&#64;y&#101;ol&#x64;&#x65;&# x66;&#x6c;ow&#x65;r&#115;&#x68;&#111;&#112;&#x70;&#x65;&#x2e;&#x63;&#111;&#46;&#x75;k">&#1 05;&#110;&#102;&#111;&#x40;&#121;&#x65;&#x6f;&#x6c;&#100;&#101;&#x66;&#x6c;&#111;w&#101;rs &#104;&#111;&#112;p&#x65;&#46;&#x63;&#x6f;&#x2e;&#x75;k</a>.
                >>> </div>
                >>>
                >>> ?
                >>>
                >>> Anyhow, change this -
                >>>
                >>> </div><!-- container close -->
                >>>
                >>> to this -
                >>>
                >>> <br style="clear:both">
                >>> </div><!-- container close -->
                >>>
                >>> and remove the height from all divs.
                >>>
                >>> --
                >>> Murray --- ICQ 71997575
                >>> Adobe Community Expert
                >>> (If you *MUST* email me, don't LAUGH when you do so!)
                >>> ==================
                >>> http://www.dreamweavermx-templates.com - Template Triage!
                >>> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                >>> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                >>> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                >>> ==================
                >>>
                >>>
                >>> "James Loudon" <ixnay@blahblahfatgraphics.com> wrote in message
                >>> news:e4ci9q$hed$1@forums.macromedia.com...
                >>>> http://www.fatgraphics.com/flowers/test.htm
                >>>>
                >>>> This is the first CSS layout site I have written from scratch, instead
                >>>> of using one of P7s pagepacks and I have come undone a bit. The main
                >>>> problem is that the container does not expand with the contents - well
                >>>> it does in IE but not in Firefox or Opera. There has to be some height
                >>>> setting that I have missed. The second problem is not crucial but I'd
                >>>> like to understand it: in order to get the contents div to tuck up snug
                >>>> below the navbar I have had to apply a negative margin to it, so again,
                >>>> I must have made a basic mistake. The CSS is inline with the file for
                >>>> easy troubleshooting!
                >>>> This has to be real simple but I have a hangover today and am a bear of
                >>>> very little brain.
                >>>> Thanks so much.
                >>>>
                >>>> --
                >>>> James
                >>>>
                >>>
                >>>
                >>
                >>
                >
                >


                • 5. Re: Can anyone spot whats wrong with my CSS here? Got a height problem
                  Level 7
                  I'm glad that I'm so consistent (except when I'm not, of course).

                  --
                  Murray --- ICQ 71997575
                  Adobe Community Expert
                  (If you *MUST* email me, don't LAUGH when you do so!)
                  ==================
                  http://www.dreamweavermx-templates.com - Template Triage!
                  http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                  http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                  http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                  ==================


                  "James Loudon" <ixnay@blahblahfatgraphics.com> wrote in message
                  news:e4ckj6$k7n$1@forums.macromedia.com...
                  > I mean your confidence
                  >> that spambots cannot undo simple server encoding....
                  >
                  > Oh yeah, no doubt - but it probably keeps some of them at bay. The mailto:
                  > itself is encoded so theoretically the bots dont try to unscramble the
                  > email address cos they dont know its there. I believe it worked up to a
                  > point. I raised this whole issue here last year and got a mixed response
                  > then. Most people, including you said that it was largely a waste of time,
                  > but every little helps I guess.
                  > --
                  > James
                  >
                  > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                  > news:e4ck6c$jpa$1@forums.macromedia.com...
                  >> It's not really a fix. It's just that if you want a container to expand
                  >> to wrap floated content, you must clear the floats before closing the
                  >> container.
                  >>
                  >>> but I think it does the trick
                  >>
                  >> This means that you also believe in the tooth fairy? I mean your
                  >> confidence that spambots cannot undo simple server encoding....
                  >>
                  >> When protecting email addresses is critical, I use email forms, not
                  >> mailto: links.
                  >>
                  >> --
                  >> Murray --- ICQ 71997575
                  >> Adobe Community Expert
                  >> (If you *MUST* email me, don't LAUGH when you do so!)
                  >> ==================
                  >> http://www.dreamweavermx-templates.com - Template Triage!
                  >> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                  >> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                  >> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                  >> ==================
                  >>
                  >>
                  >> "James Loudon" <ixnay@blahblahfatgraphics.com> wrote in message
                  >> news:e4cjob$j7c$1@forums.macromedia.com...
                  >>> Yay Murray! Thanks so much - I forgot about that fix - I had to use it
                  >>> sometime in the past and forgot all about it. Sorted - the stuff in the
                  >>> footer is an email scrambling thing I found, an extension. I guess its a
                  >>> bit clunky but I think it does the trick. How do you get around the
                  >>> problem of hiding mailto: links?
                  >>>
                  >>> --
                  >>> James
                  >>>
                  >>> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                  >>> news:e4cj0b$ib3$1@forums.macromedia.com...
                  >>>> Why bother with this -
                  >>>>
                  >>>> <div id="footer">Ye Olde Flower Shoppe, 8 Catherine Hill, Frome, BA11
                  >>>> 1BY. Tel/Fax
                  >>>> 01373 469 869. <a
                  >>>> href="Templates/&#x6d;ai&#x6c;t&#111;&#58;i&#x6e;&#x66;&#x6f;&#64;y&#101;ol&#x64;&#x65;&# x66;&#x6c;ow&#x65;r&#115;&#x68;&#111;&#112;&#x70;&#x65;&#x2e;&#x63;&#111;&#46;&#x75;k">&#1 05;&#110;&#102;&#111;&#x40;&#121;&#x65;&#x6f;&#x6c;&#100;&#101;&#x66;&#x6c;&#111;w&#101;rs &#104;&#111;&#112;p&#x65;&#46;&#x63;&#x6f;&#x2e;&#x75;k</a>.
                  >>>> </div>
                  >>>>
                  >>>> ?
                  >>>>
                  >>>> Anyhow, change this -
                  >>>>
                  >>>> </div><!-- container close -->
                  >>>>
                  >>>> to this -
                  >>>>
                  >>>> <br style="clear:both">
                  >>>> </div><!-- container close -->
                  >>>>
                  >>>> and remove the height from all divs.
                  >>>>
                  >>>> --
                  >>>> Murray --- ICQ 71997575
                  >>>> Adobe Community Expert
                  >>>> (If you *MUST* email me, don't LAUGH when you do so!)
                  >>>> ==================
                  >>>> http://www.dreamweavermx-templates.com - Template Triage!
                  >>>> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                  >>>> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                  >>>> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                  >>>> ==================
                  >>>>
                  >>>>
                  >>>> "James Loudon" <ixnay@blahblahfatgraphics.com> wrote in message
                  >>>> news:e4ci9q$hed$1@forums.macromedia.com...
                  >>>>> http://www.fatgraphics.com/flowers/test.htm
                  >>>>>
                  >>>>> This is the first CSS layout site I have written from scratch, instead
                  >>>>> of using one of P7s pagepacks and I have come undone a bit. The main
                  >>>>> problem is that the container does not expand with the contents - well
                  >>>>> it does in IE but not in Firefox or Opera. There has to be some height
                  >>>>> setting that I have missed. The second problem is not crucial but I'd
                  >>>>> like to understand it: in order to get the contents div to tuck up
                  >>>>> snug below the navbar I have had to apply a negative margin to it, so
                  >>>>> again, I must have made a basic mistake. The CSS is inline with the
                  >>>>> file for easy troubleshooting!
                  >>>>> This has to be real simple but I have a hangover today and am a bear
                  >>>>> of very little brain.
                  >>>>> Thanks so much.
                  >>>>>
                  >>>>> --
                  >>>>> James
                  >>>>>
                  >>>>
                  >>>>
                  >>>
                  >>>
                  >>
                  >>
                  >
                  >