2 Replies Latest reply on Sep 27, 2008 5:35 PM by just_carly

    need some advice about cross browser display

    just_carly
      Hi, I'm still trying to master css design and having a few problems getting my pages to look the same on Opera and FF. I'm not sure where I'm going wrong.

      The site looks pretty much how it's meant to in IE (though still in draft stage), but all sorts of gaps and spaces appear in the other browsers that ruin the look.

      Also in the 'restauraunts' 'shopping' and 'things to do' pages the content drops way down on the page and I don't know why that is either.
      http://www.sorrentoquay.com.au/new_index.html
      ps: I know I have a 916px image (the dropshadow) which is causing the content to drop way down the page in FF and Opera, but this is supposed to be in column with the content column lining up along side it. It's doing what it's meant to do in IE.

      I appreciate the responses so far, thankyou.
        • 1. Re: need some advice about cross browser display
          Level 7
          You must have fixed the original problem, because I don't see any dropping
          content in FF as I did when you posted originally.
          However, your 'shadow' is not going all the way down the page as it does in
          IE7. Have you thought about moving that image out of the html as using it
          as a background image in that dive and repeating it on the 'y' axis)... may
          also solve some of the gap problems you may be seeing, though I can't see
          them this time roung.

          --
          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/
          ----------------------------------------------------
          ~ Forum Posting Guidelines ~
          http://www.adobe.com/support/forums/guidelines.html
          CSS Tutorials for Dreamweaver:
          http://www.adobe.com/devnet/dreamweaver/css.html





          "just_carly" <webforumsuser@macromedia.com> wrote in message
          news:gbkdvf$c8p$1@forums.macromedia.com...
          > Hi, I'm still trying to master css design and having a few problems
          > getting my
          > pages to look the same on Opera and FF. I'm not sure where I'm going
          > wrong.
          >
          > The site looks pretty much how it's meant to in IE (though still in draft
          > stage), but all sorts of gaps and spaces appear in the other browsers that
          > ruin
          > the look.
          >
          > Also in the 'restauraunts' 'shopping' and 'things to do' pages the content
          > drops way down on the page and I don't know why that is either.
          > http://www.sorrentoquay.com.au/new_index.html
          > ps: I know I have a 916px image (the dropshadow) which is causing the
          > content
          > to drop way down the page in FF and Opera, but this is supposed to be in
          > column
          > with the content column lining up along side it. It's doing what it's
          > meant to
          > do in IE.
          >
          > I appreciate the responses so far, thankyou.
          >
          >

          • 2. Re: need some advice about cross browser display
            just_carly Level 1
            Yes I have sort of fixed it. The only real problem is the logo, which for reasons that made sense at the time I wanted divided into two and joining together seamlessly. I can't adjust it to fit together perfectly in all three main browsers. I've resorted to a extra css sheet for IE, but surely there's a better way?

            "However, your 'shadow' is not going all the way down the page as it does in
            IE7. Have you thought about moving that image out of the html as using it
            as a background image in that dive and repeating it on the 'y' axis"

            ---- I know, this is driving me around the twist, why why why?? The top part of the 'shadow' has to be an image because it's on an area which graduated from blue to cream. But then the wrapper div DOES have a background 'shadow' repeating on the y axis. This shows up in IE but not FF. ???