Solved

Why is there a 2-3 pixel difference between http and https versions of my site?

Posted on 2003-11-23
5
259 Views
Last Modified: 2010-04-09
In switching between http and https version of my Website, using exactly the same code, the https version is approximately 2-3 pixels lower from the top of the page than the http version is.

For example:

Http: http://www.camilee.com/general/about.asp
Https: https://www.camilee.com/cgi-bin/miva?Merchant2/merchant.mv+Screen=LOGN&Order=1

Any help you could provide would be greatly appreciated.
0
Comment
Question by:gmahler5th
5 Comments
 
LVL 15

Expert Comment

by:Timbo87
ID: 9808569
There is an extra un-needed table at the top of the https site. Remove these lines under <BODY>:

<TABLE BORDER = 0 CELLPADDING = 0 CELLSPACING = 0 WIDTH = "100%">
<TR>
<TD ALIGN = "left" VALIGN = "top" WIDTH = "80%">
<BR>
0
 
LVL 15

Expert Comment

by:Timbo87
ID: 9808574
Also set the topmargin back to 0.
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 9808796
Actually there's 2 whole section's that need to go:

****REMOVE THE FOLLOWING****
<HTML>
<HEAD>
<TITLE>Camilee Designs: Order: Customer Login</TITLE>
<BASE HREF = "https://www.camilee.com/Merchant2/">
</HEAD>
<BODY  BGCOLOR = "#ffffff">
<TABLE BORDER = 0 CELLPADDING = 0 CELLSPACING = 0 WIDTH = "100%">
<TR>
<TD ALIGN = "left" VALIGN = "top" WIDTH = "80%">
<BR>
<FONT FACE = "Arial, Helvetica" SIZE = "-1">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

****KEEP THE REST****
<html>
<head>

...


</BODY>
</HTML>

****AND THEN REMOVE THIS AT THE BOTTOM OF THE PAGE****
</FONT>
</TD></TR>
</TABLE>
</BODY>
</HTML>


Also, remove this from the body tags, as they've been replaced with CSS attributes:
 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0

And add this CSS code instead between your head tags:

<style type="text/css">
<!--
body { margin:0px; padding:0px; }
//-->
</style>
0
 

Accepted Solution

by:
JeffSteiner earned 125 total points
ID: 9812441
If you use a <div> you can forse the render to a specific position on the page, regardless of where the tables may push the content.
0
 

Author Comment

by:gmahler5th
ID: 9812460
Hi guys...  the first 3 answers would work, but it appers that those tags are put their by the Miva merchant engine, which I have no control over.

I used the <div> tag that JeffSteiner suggested, and it worked.

Thanks all for your suggestions!
0

Featured Post

Optimizing Cloud Backup for Low Bandwidth

With cloud storage prices going down a growing number of SMBs start to use it for backup storage. Unfortunately, business data volume rarely fits the average Internet speed. This article provides an overview of main Internet speed challenges and reveals backup best practices.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question