Pages not displaying correctly in Safari

  • ElTonio

    (@eltonio)


    10 years ago

    I’m brand new to web design and I’ve made a site where everything else seems to be fine and it displays the way I want it to in other browsers, but certain pages don’t display the same in Safari. Here is the code for those pages:

    ‘<h1 style=”text-align: center;”>TITLE</h1>
    <div style=”float: left;”>
    <div style=”display: inline-block; padding-right:60px; margin-right: auto; width: 330px;”>

    [gallery link="none" ids="90,87,189" nav="thumbs" ratio=800/500 fit=contain transition="crossfade" thumbmargin=10 thumbwidth=40 thumbheight=40 allowfullscreen="true"]

    </div>
    <div style=”display: inline-block; float: right; vertical-align: top;”>[table caption=”Details” width=”200″ colwidth=”90|100″ colalign=”left|center”]
    TABLE INFO
    [/table]</div>
    </div>
    <div style=” display: block; float: left;”>
    <p style=”text-align: justify;”>TITLE DESCRIPTION</p>
    <p style=”text-align: justify;”>Awards: AWARDS</p>
    <p style=”text-align: justify;”>Rules: Here</p>
    </div>’

    This is how it looks in other browsers:
    http://i.imgur.com/CTXXtXf.jpg

    This is how it turns out in Safari:
    http://i.imgur.com/krd3fN6.jpg

    What am I doing wrong? Any help would be greatly appreciated.

Viewing 1 replies (of 1 total)
  • kjodle

    (@kjodle)

    10 years ago

    For one, don’t use inline styles. That’s what CSS classes are for.

    Are you using a gallery plugin? If so, which one?

    It looks like Safari is possibly misinterpreting something’s width, but without a link to see for ourselves, it’s kind of hard to say for certain.

Viewing 1 replies (of 1 total)
  • The topic ‘Pages not displaying correctly in Safari’ is closed to new replies.