|
| |
|
|
duder29
Posts: 1
Joined: 2/27/2008
Status: offline
 |
Image Offsets in IE7. - 2/27/2008 8:43:31
 I am revamping our website and the Logo offsets depending on screen size. It looks fine with my size 1162 x 864. I purchased the image as a template and the company is not supporting me.
The website is:
www.safetysystemsinc.net/indexnew.html.
|
|
|
|
Tailslide
Posts: 5915
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Image Offsets in IE7. - 2/27/2008 10:05:20
That's not a great template - everything seems to be positioned using postion:absolute which means that if the reader increases the text size a bit then the whole thing breaks! It's also got a ton of inline styles and old fashioned font tags!
Anyway - the following will at least fix your logo problem - copy/paste the lot instead of what you've got. You might want to look at a more robust template if you're re-jigging the site as it'll be hell to maintain with the stylesheet, inline styling AND inline presentational tags:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Welcome to Safety Systems</title>
<link href="http://www.safetysystemsinc.net/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="banner" >
<div id="logo" style="width: 780px; height: 78px;position:relative;"><font size="6">SAFETY SYSTEMS, INC.</font> <img border="0" src="http://www.safetysystemsinc.net/index.2.jpg" width="266" height="131" style="position:absolute;right:70px;top:0;z-index:10;" alt="logo" /></div>
</div>
<div id="nav-main" style="width: 780px; height: 51px">
<div style="position: absolute; width: 146px; height: 15px; z-index: 1; left: 17px; top: 5px" id="layer7">
<b><font face="Arial" color="#FFFFFF"><a href="Security%20Systems.html">Security
Systems</a></font></b></div>
<div style="position: absolute; width: 146px; height: 15px; z-index: 1; left: 17px; top: -20px" id="layer2">
<b><font face="Arial" color="#FFFFFF">
<a href="Fire%20Alarm%20Systems.html">Fire
Alarm Systems</a></font></b></div>
<div style="position: absolute; width: 135px; height: 15px; z-index: 1; left: 163px; top: 29px" id="layer13">
<font face="Arial"><a href="Contract%20Services.html">Contract Services</a></font></div>
<div style="position: absolute; width: 135px; height: 15px; z-index: 1; left: 349px; top: 4px" id="layer9">
<b><font face="Arial" color="#FFFFFF"><a href="CCTV%20Systems.html">Closed Circuit
TV</a></font></b></div>
<div style="position: absolute; width: 135px; height: 15px; z-index: 1; left: 348px; top: -20px" id="layer4">
<b><font face="Arial" color="#FFFFFF">
<a href="Fire%20Extinguishers.html">Fire
Extinguishers</a></font></b></div>
<div style="position: absolute; width: 157px; height: 15px; z-index: 1; left: 163px; top: 6px" id="layer8">
<b><font face="Arial" color="#FFFFFF">
<a href="Card%20Access%20Systems.html">Card
Access Systems</a></font></b></div>
<div style="position: absolute; width: 186px; height: 15px; z-index: 1; left: 163px; top: -20px" id="layer3">
<b><font face="Arial" color="#FFFFFF">
<a href="Fire%20Suppression%20Systems.html">Fire
Suppression Systems</a></font></b></div>
<div style="position: absolute; width: 139px; height: 15px; z-index: 1; left: 16px; top: 29px" id="layer5">
<b><font face="Arial" color="#FFFFFF">
<a href="Inspection%20Reports.html">Inspection Reports</a></font></b></div>
<div style="position: absolute; width: 129px; height: 15px; z-index: 1; left: 348px; top: 28px" id="layer6">
<b><font face="Arial" color="#FFFFFF"><a href="Current%20Projects.html">Current Projects</a></font></b></div>
</div>
<div id="homebanner" style="width: 780px; height: 191px">
<div style="position: absolute; width: 266px; height: 131px; z-index: 2; left: 673px; top: 1px" id="layer14">
</div>
</div>
<div id="col1">
<img src="http://www.safetysystemsinc.net/images/hmpic1.jpg" width="196" height="63" alt="" />
<h1><font size="2"><a href="Fire%20Alarm%20Overview.html">Fire Alarm Systems</a></font></h1>
<p>Click above for information regarding Fire Alarm systems.</p>
</div>
<div id="col2">
<img src="http://www.safetysystemsinc.net/images/hmpic2.jpg" width="196" height="63" alt="" />
<h1><font size="2"><a href="Security%20Systems%20Overview.html">Security/ Access Control Systems
& CCTV</a></font></h1>
<p>Click above for information regarding Security, Access Control and
CCTV systems. </p>
</div>
<div id="col3">
<img src="http://www.safetysystemsinc.net/images/hmpic3.jpg" width="196" height="63" alt="" />
<h1><font size="2"><a href="Suppression%20Overview.html">Fire Suppression Systems/ Extinguishers</a></font></h1>
<p>Click above for information regarding fire suppression and portable
fire extinguishers. </p>
</div>
<div id="footer">
<p><a href="indexnew.html">Home</a><span class="style1"> | </span>
<a href="Privacy.html">Privacy</a><span class="style1"> | </span>
<a href="About%20Us.html">About Us</a><span class="style1"> | </span>
<a href="Contact%20Info.html">Contact Info</a> <span class="style1"> | </span>
<a href="Employment.html">Employment</a> <span class="style1"> | </span>
<a href="http://70.90.38.221/exchange">Web Mail<span class="style1"> </span>
</a><span class="style1"> | </span>
<a href="Management%20Team.html">Management Team</a> <span class="style1"> | </span>
<a href="mailto:tracymorgan@safetysystemsinc.net?subject=Alarm Code Changes">
Central Station Code Changes</a><br />
© Copyright 2008 Safety Systems, Inc.</p>
<p>A Women Owned Business</p>
</div>
</div>
</body>
</html>
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
