...

View Full Version : alignment issue: local versus online (GAHHH)



canadianjameson
12-09-2005, 07:37 PM
K Hi.

have to have this done by 5pm and i dont get something.

The background image of the cell id=mainCell is aligning differently online versus on my hardrive.

this project has to be saved to a CD and used in class, and the local copy is the screwy one.

see the two here:
www.enviromark.ca/jay/Bridget/Images/onComputer.gif
www.enviromark.ca/jay/Bridget/Images/online.gif



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Education 101</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="main.css" type="text/css">
</head>

<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="100" colspan="2" id="header"><img src="Images/img_water1.jpg" width="100%" height="100"></td>
</tr>
<tr>
<td width="92" valign="top" id="contents"><p><br>
<a href="synthesis.htm">&nbsp;Synthesis</a><p>
<a href="reading1.htm">&nbsp;Summary 1</a><br>
<a href="reading2.htm">&nbsp;Summary 2</a><br>
<a href="reading3.htm">&nbsp;Summary 3</a><br>
<br>
<a href="suggestedReadings.htm">&nbsp;Suggested<br>&nbsp;Readings</a><br>
<br>
<a href="contact.htm">&nbsp;Contact</a></p>
</td>
<td align="left" id="mainCell"></td>
</tr>
<tr height="100">
<td width="92">&nbsp;</td>
<td align="right" valign="top"> <img src="Images/back20.jpg" width="100" height="100"></td>
</tr>
</table>
</body>
</html>


css



/*
a:link, a:active, a:visited {
color: #949191;
font-size : 12;
Font-Family: Arial;
text-decoration: none}
*/

a:link, a:active, a:visited {
color: #000000;
font-size : 12;
font-family: arial, sans-serif;
text-decoration: none}

a:hover {
color: #000000;
font-size : 12;
font-family: arial, sans-serif;
text-decoration: underline}

BODY {
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#000000;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF}


FONT
{
color: #000000;
font-family: arial, sans-serif;}

#mainCell{
background-image: url("Images/background.jpg");
background-repeat:no-repeat;
background-position: top left;
}


why would this be happening?

fishluvr
12-09-2005, 09:24 PM
Have you tried it with &nbsp; in your mainCell?

Additionally, you could try swapping your position values (left top) or using percentages (0% 0%).



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum