7 Replies Latest reply on Sep 7, 2008 8:07 AM by Newsgroup_User

    Design Glitch in Safari

    Guffawz
      I'm designing a site that uses a spry menu bar inside a div tag, and I'm hitting a glitch when I preview the site in Safari. The menu bar goes almost to the end of the div when I preview it in IE, FF and Chrome, but when I preview it in Safari, it takes the last button on the menu and puts it on the next line. I've tried adjusting the text size, padding, etc to shorten the bar, but it doesn't fix the Safari problem (it just creates a larger gap between the bar and the end of the div in the other browsers). Does anyone know why Safari would be giving me this problem, and/or how I can fix it? Any ideas would be greatly appreciated!
        • 1. Re: Design Glitch in Safari
          Level 7
          A website is worth a thousand descriptive words.

          Got a link?

          Otherwise we'll have to guess.

          --
          Regards

          John Waller
          • 2. Re: Design Glitch in Safari
            Level 7
            And my guess is that we need a link. ;-)

            --

            Walt


            "John Waller" <johnw@REMOVETHISpinnacleweb.com.au> wrote in message
            news:g9sooi$m49$1@forums.macromedia.com...
            >A website is worth a thousand descriptive words.
            >
            > Got a link?
            >
            > Otherwise we'll have to guess.
            >
            > --
            > Regards
            >
            > John Waller


            • 3. Re: Design Glitch in Safari
              malcster2 Level 1
              without seein a link it's hard to say, but it going to be a measurement problem.

              a good place to start is to standardized your cross browser measurements. put this in your css


              body { /* set everything to normal to define the base format */
              font: normal 13px/normal Geneva, Arial, Helvetica,
              sans-serif;
              color: #000000;
              background-color:#000000;

              margin:2px 0;
              }


              h1 { font-size: 1.5em; margin: 0 .25em 0.65em 0; }
              h2 { font-size: 1.2em; margin: 0 .25em 0.65em 0; }
              h3 { font-size: 1.1em; margin: 0 .25em 0.4em 0; }

              p, td, th, div, blockquote, ul, li, dl, ol { font-size: 1em; }
              p, td, th, blockquote { margin: 0.5em 0;} /* controls spacing
              between elements */

              html,body { min-height:100%;margin-bottom:1px; }
              • 4. Re: Design Glitch in Safari
                Level 7
                "malcster2" <webforumsuser@macromedia.com> wrote in message
                news:g9tfj8$gi7$1@forums.macromedia.com...
                > without seein a link it's hard to say, but it going to be a measurement
                > problem.
                >
                > a good place to start is to standardized your cross browser measurements.
                > put
                > this in your css
                >
                >
                > body { /* set everything to normal to define the base format */
                > font: normal 13px/normal Geneva, Arial, Helvetica,
                > sans-serif;
                > color: #000000;
                > background-color:#000000;
                >
                > margin:2px 0;
                > }


                I don't think this color scheme will work ;-)


                --
                Thierry
                Articles and Tutorials: http://www.TJKDesign.com/go/?0
                --
                http://developer.yahoo.com/ helps you build applications and mashups

                • 5. Re: Design Glitch in Safari
                  Level 7
                  Look at the bright side; no one will criticize the typeface chosen.

                  --

                  Walt


                  "Thierry" <thierry@invalid.com> wrote in message
                  news:g9vodd$ru8$1@forums.macromedia.com...
                  > "malcster2" <webforumsuser@macromedia.com> wrote in message
                  > news:g9tfj8$gi7$1@forums.macromedia.com...
                  >> without seein a link it's hard to say, but it going to be a measurement
                  >> problem.
                  >>
                  >> a good place to start is to standardized your cross browser measurements.
                  >> put
                  >> this in your css
                  >>
                  >>
                  >> body { /* set everything to normal to define the base format */
                  >> font: normal 13px/normal Geneva, Arial, Helvetica,
                  >> sans-serif;
                  >> color: #000000;
                  >> background-color:#000000;
                  >>
                  >> margin:2px 0;
                  >> }
                  >
                  >
                  > I don't think this color scheme will work ;-)
                  >
                  >
                  > --
                  > Thierry
                  > Articles and Tutorials: http://www.TJKDesign.com/go/?0
                  > --
                  > http://developer.yahoo.com/ helps you build applications and mashups
                  >


                  • 6. Re: Design Glitch in Safari
                    Level 7
                    Wouldn't that be the dark side? 8)

                    --
                    Murray --- ICQ 71997575
                    Adobe Community Expert
                    (If you *MUST* email me, don't LAUGH when you do so!)
                    ==================
                    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                    ==================


                    "Walt F. Schaefer" <walt@waltswebworx.com> wrote in message
                    news:g9vpp2$t6g$1@forums.macromedia.com...
                    > Look at the bright side; no one will criticize the typeface chosen.
                    >
                    > --
                    >
                    > Walt
                    >
                    >
                    > "Thierry" <thierry@invalid.com> wrote in message
                    > news:g9vodd$ru8$1@forums.macromedia.com...
                    >> "malcster2" <webforumsuser@macromedia.com> wrote in message
                    >> news:g9tfj8$gi7$1@forums.macromedia.com...
                    >>> without seein a link it's hard to say, but it going to be a measurement
                    >>> problem.
                    >>>
                    >>> a good place to start is to standardized your cross browser
                    >>> measurements. put
                    >>> this in your css
                    >>>
                    >>>
                    >>> body { /* set everything to normal to define the base format */
                    >>> font: normal 13px/normal Geneva, Arial, Helvetica,
                    >>> sans-serif;
                    >>> color: #000000;
                    >>> background-color:#000000;
                    >>>
                    >>> margin:2px 0;
                    >>> }
                    >>
                    >>
                    >> I don't think this color scheme will work ;-)
                    >>
                    >>
                    >> --
                    >> Thierry
                    >> Articles and Tutorials: http://www.TJKDesign.com/go/?0
                    >> --
                    >> http://developer.yahoo.com/ helps you build applications and mashups
                    >>
                    >
                    >

                    • 7. Re: Design Glitch in Safari
                      Level 7
                      You're so literal! ;-)

                      --

                      Walt


                      "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                      news:ga0fsh$ml1$1@forums.macromedia.com...
                      > Wouldn't that be the dark side? 8)
                      >
                      > --
                      > Murray --- ICQ 71997575
                      > Adobe Community Expert
                      > (If you *MUST* email me, don't LAUGH when you do so!)
                      > ==================
                      > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                      > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                      > ==================
                      >
                      >
                      > "Walt F. Schaefer" <walt@waltswebworx.com> wrote in message
                      > news:g9vpp2$t6g$1@forums.macromedia.com...
                      >> Look at the bright side; no one will criticize the typeface chosen.
                      >>
                      >> --
                      >>
                      >> Walt
                      >>
                      >>
                      >> "Thierry" <thierry@invalid.com> wrote in message
                      >> news:g9vodd$ru8$1@forums.macromedia.com...
                      >>> "malcster2" <webforumsuser@macromedia.com> wrote in message
                      >>> news:g9tfj8$gi7$1@forums.macromedia.com...
                      >>>> without seein a link it's hard to say, but it going to be a measurement
                      >>>> problem.
                      >>>>
                      >>>> a good place to start is to standardized your cross browser
                      >>>> measurements. put
                      >>>> this in your css
                      >>>>
                      >>>>
                      >>>> body { /* set everything to normal to define the base format */
                      >>>> font: normal 13px/normal Geneva, Arial, Helvetica,
                      >>>> sans-serif;
                      >>>> color: #000000;
                      >>>> background-color:#000000;
                      >>>>
                      >>>> margin:2px 0;
                      >>>> }
                      >>>
                      >>>
                      >>> I don't think this color scheme will work ;-)
                      >>>
                      >>>
                      >>> --
                      >>> Thierry
                      >>> Articles and Tutorials: http://www.TJKDesign.com/go/?0
                      >>> --
                      >>> http://developer.yahoo.com/ helps you build applications and mashups
                      >>>
                      >>
                      >>
                      >