How to get rid of white bottom margin on PPV lander

E

envision

New member
Jun 5, 2008
210
6
0
I'm setting up an extremely simple PPV landing page, which will pop at 750*550. Filled with a 550px tall image, so it should just exactly fill the open window. But for some reason Safari and FF add a thin white margin underneath the picture, which triggers scroll bars. I already canceled out the standard <body> tag margin of 8 pix. Here is my code:

HTML: 
<style type="text/css">
	body {
		background-color: #ffffff;
		margin: 0px;
		padding: 0px;
	}
	img {
		border-style: none;
		margin: 0px;
		padding: 0px;
	}
</style>
</head>
<body>
<a href="offer link"><img src="http://example.com/700x550-image.jpg" /></a>
<script src="tracking script" type="text/javascript"></script>
</body>

How can I get rid of the white bottom, i.e. the scroll bar?
 


Get rid of the backslash in your image code:

From this: <img src="http://example.com/700x550-image.jpg" />

To this: <img src="http://example.com/700x550-image.jpg">
 
eliquid said:
use some black tape on your monitor at the bottom? worked for me
Click to expand...
OK, I put the black tape on the bottom of the screen, but the scroll bar was still there?
headscratch.gif



Jizzlobber said:
Get rid of the backslash in your image code:
Click to expand...
Cool that worked. At least it brought me on the right track. I had this declared as XHTML Strict with doctype and everything. Always trying to be standards-compliant, so I had the closing backslash in the img tag as well. Now I simply start the page with <html>, and - voilà - no more border! Thanks!

Now I'm wondering why XHTML causes such border, but whatever, at least it works now.
 
Looks like I spoke too soon. No more margin on Safari and FF (Mac), but it's still there on Opera and IE. :-(

I see other borderless pop-ups though occasionally where the image fills the window exactly w/o scroll bars. How do they do it? Now, that I want it, of course I can't find any to check it out...

Background image maybe? But then how do you make it clickable?
 
Try border-width attribute for your IMG tag CSS Borders | HTML Dog

If it is not specified different browsers might use different defaults. Whenever in doubt about CSS consult the above reference manual.
 
You must log in or register to reply here.
Top Bottom
Back