#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2009
    Posts
    7
    Rep Power
    0

    Page previews fine in Firefox, not Safari


    I'm building a "Coming Soon" page in Dreamweaver. It looks the way I want it to when previewed in Firefox (version 3.6.13), but not in Safari (version 4.1.2). Specifically, my line breaks and the margins on my image are ignored. Here's my code:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Quest Sports Medicine</title>
    <link href="file://Macintosh HD/Volumes/My GS Drive/global.css" rel="stylesheet" type="text/css" />
    
    <style type="text/css">
    <!--
    .center-wrap p {
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: normal;
    	color: #000;
    	font-size: 30px;
    	line-height: 35px;
    	padding: 0px;
    	float: left;
    	margin-top: 15px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    }
    .center-wrap h2 {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 66px;
    	font-weight: bold;
    	color: #942610;
    	text-align: center;
    	line-height: 64px;
    	margin-top: 83px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    }
    .center-wrap img {
    	margin-top: 47px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 248px;
    }
    
    }
    -->
    </style>
    </head>
    
    <body>
    
    <div class="all-wrap">
    
    <div class="center-wrap">  
      <h2>NEW WEBSITE<br />
      COMING SOON</br></h2>
      <p>For information on the products we sell, how to place an order or any questions regarding recent orders, please call us at (717)-687-7178<br />
      or toll-free at 1-800-387-1067. You can also reach us at our new e-mail address, questsports@comcast.net</br></p>
      <img src="images/qsm-logo.gif" width="436" height="260" alt="Quest Sports Medicine logo" />
      </img></div> 
    
    
    </div>
    </body>
    </html>
    Any thoughts on what I need to change? Thank you.
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    It looks fine in Safari 4.0.5 and 5.0.2 for Windows here. Perhaps we need to see the styles that are in the external stylesheet?

    By the way, are you aware that you're incorrectly mixing HTML and XHTML syntax? You should pick one.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo