h0rhay
02-24-2010, 01:41 PM
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...
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...