Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Feb 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    site broken in safari

    so weird,

    i've attached the screen shots

    this site is working fine in firefox...

    but just centre aligning in safari...

    usually safari is pretty stable, i'm sure i'm missing something really annoying here!

    any help would be amazing!

    Thanks,

    george

    css:

    body {
    background-color:#FFFFFF;
    font-family:arial,helvetica;
    font-size:62.5%;
    font-weight:normal;
    height:100%;
    margin:0;
    padding:0;
    text-align:center;
    width:100%;
    }

    h1 {
    font-size:1.8em;
    font-weight:normal;
    }
    h2 {
    font-size:1.2em;
    font-weight:bold;
    line-height:0.9em;
    margin-top:1em;
    }
    h3 {
    font-size:1em;
    font-weight:bold;
    line-height:0.9em;
    margin-top:1em;
    }
    h4 {
    font-size:0.8em;
    font-weight:normal;
    }
    h5 {
    font-size:0.6em;
    font-weight:normal;
    }
    .clear {
    clear:both;
    }

    #wrapper {
    margin:auto;
    position:relative;
    width:944px;
    text-align:left;
    }

    #container {
    position:absolute;
    font-size:1.3em;
    left:0px;
    top:0px;
    width:944px;
    height:842px;
    }

    html:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>

    <head>

    <title>Epic Medical</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="epicstyle.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    <!--
    .style1 {
    color: #793E97;
    font-weight: bold;
    }
    -->
    </style>
    </head>

    <body>

    <div id="wrapper">

    <div id="container">

    <div id="epic-01">
    <p><a href="#"><strong>Contact Us</strong></a></p>
    </div>
    <div id="epic-02">
    <img src="images/epic_02.jpg" width="249" height="76" alt=""> </div>
    <div id="epic-03">
    <img src="images/epic_03.jpg" width="74" height="52" alt=""> </div>
    <div id="epic-04">
    <img src="images/epic_04.jpg" width="94" height="52" alt=""> </div>
    <div id="epic-05">
    <img src="images/epic_05.jpg" width="99" height="52" alt=""> </div>
    <div id="epic-06">

    and so on...
    Attached Thumbnails Attached Thumbnails site broken in safari-firefox-version.jpg   site broken in safari-safari-version.jpg  

  • #2
    Senior Coder angst's Avatar
    Join Date
    Apr 2004
    Location
    Toronto, Ontario
    Posts
    2,114
    Thanks
    15
    Thanked 122 Times in 122 Posts
    first, please wrap your code,
    second, this doesn't look like all the css.

  • #3
    New to the CF scene
    Join Date
    Feb 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    oops

    sorry,

    new to this forum, how do you mean 'wrap the code' ?

    its not all the css, but its the pertinent section dealing with the body, wrapper and container, where i've always managed to center sites in the past, but not today!!!

    thats why I'm on this forum, man is it doing my head in!

    thanks,

    G

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    new to this forum, how do you mean 'wrap the code' ?
    See Please format code in your posts using the [code][/code] tag!
    You may edit your original post.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •