Solved

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

Posted on 2003-11-23
5
257 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

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

Deprecated and Headed for the Dustbin By now, you have probably heard that some PHP features, while convenient, can also cause PHP security problems.  This article discusses one of those, called register_globals.  It is a thing you do not want.  …
Do you want to insert HTML5 video into your site? This is the tutorial how to do so. What are the main advantages of HTML5 video? 1) Have good compression, good image quality, and low decode processor use. 2) It is royalty-free 3) It is easi…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
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)

706 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

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now