3 Replies Latest reply on Jul 4, 2006 10:16 AM by Newsgroup_User

    CSS layout

    Level 7
      Can someone please point out my problem here - in IE looks fine and in
      firefox the image is in the wrong spot - I can't figure it out (new to
      css layout) so I'm hoping someone will take a look and show me where the
      problem is - have already read the "IE does it wrong" here a lot so no
      need for the lecture, just looking for the solution

      http://www.talhost.net/dg/

      Thanks
        • 1. Re: CSS layout
          Level 7
          Tal wrote:

          > Can someone please point out my problem here - in IE looks fine and in
          > firefox the image is in the wrong spot - I can't figure it out (new to
          > css layout) so I'm hoping someone will take a look and show me where the
          > problem is - have already read the "IE does it wrong" here a lot so no
          > need for the lecture, just looking for the solution
          >
          > http://www.talhost.net/dg/



          Try giving your .rightpanel a width of 200px.

          .rightpanel {
          float: right;
          margin-right: 3px;
          width: 200px;
          }

          • 2. Re: CSS layout
            Level 7
            >> Can someone please point out my problem here - in IE looks fine and in
            >> firefox the image is in the wrong spot - I can't figure it out (new to
            >> css layout) so I'm hoping someone will take a look and show me where
            >> the problem is - have already read the "IE does it wrong" here a lot
            >> so no need for the lecture, just looking for the solution
            >>
            >> http://www.talhost.net/dg/

            >
            > Try giving your .rightpanel a width of 200px.
            >
            > ..rightpanel {
            > float: right;
            > margin-right: 3px;
            > width: 200px;
            > }
            >

            THANK YOU! so easy to fix! - now I'll get to work on the other issues,
            which shouldn't be a problem..thanks
            • 3. Re: CSS layout
              Level 7
              You need to give your floated elements a width. That would be
              div.rightpanel. Try making that div have a width of 208px. Be aware that
              IE will double the margin on a floated element when that margin is on the
              same side as the float, so make div.rightpanel be display:inline to avoid
              that....

              --
              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
              ==================


              "Tal" <goer2u4@hotmail.com> wrote in message
              news:e8e2su$1tm$1@forums.macromedia.com...
              > Can someone please point out my problem here - in IE looks fine and in
              > firefox the image is in the wrong spot - I can't figure it out (new to css
              > layout) so I'm hoping someone will take a look and show me where the
              > problem is - have already read the "IE does it wrong" here a lot so no
              > need for the lecture, just looking for the solution
              >
              > http://www.talhost.net/dg/
              >
              > Thanks