LeadImpact Landing Page Specific Questions

Hi everyone,

I’d like to ask something regarding some landing page problems I’m having with LeadImpact.

My landing page is at

The thing I’d like to do here is to "centralize" my landing page image and everything, but the problem is the pop-up ads from LeadImpact will always open and start from the "left alignment" for my landing page.

This is the reason why I don’t centralize my landing page as the pop-up ads will always show 100% of my landing page content including my CTA, headline and everything else if I remain the landing page align as it is right now.

But I really would like to centralize it as in case the users were to "maximize" the pop-up browsers so that they can see the landing page a little bit nicer and won’t look too "spammy" as the alignment of the landing page doesn’t fit well.

Do you guys have a workaround for this particular issue?

I’d really like to overcome this if there ever is a solution to this problem.

It will be very much appreciated.

Thank you in advance!

User Comment:
Hey, wrap everything in a div and give it an auto margin.

Looking at your code it would be something like this:

HTML Code:
<div id="wrapper {width: (somewidth);height: (someheight);margin: 0 auto;}">
The rest of your code

Open it right after your body tag, and close it right before and remember to give it the appropriate width and height values, this should make your new div and everything in it center align in the browser window.

User Comment:
Hey , can you try adding margin: 0 auto; so your body css class looks like this :

margin: 0 auto;
background-color: #FFFFFF;
background-image: url(images/background.gif);
color: #000000;

User Comment:
Hey guys, thanks a lot for helping me out.

I’m still not able to solve this though. It seems like those codes not working for me.. arhhh

User Comment:
Ok , after looking again at it the problem is that you are using absolute positioning in your images.

Probably it was auto generated by the program you used.

If you dont want to recreate it using raw html , just make it a big image and use the margin 0 auto to center it.

Let me know if that solves it.

User Comment:
Totally messed up my code up there, here it is though.

In your css put this (below your css body tag or something:

#wrapper {
position: relative;
height: XXpx;
width: XXpx
margin: 0 auto;

The in your html put this (open after <body>, and close before </body>:

<div id="wrapper">
The rest of your code

The css defines the box and the div wraps everything inside of it, also, because you put position:relative everything inside of it with position:absolute will be based on the borders of your wrapper.

User Comment:
Thanks a lot guys.

Unfortunately, the answers didn’t solve my problem though. I will do the best I can to be very clear along with images as below :

When I don’t centralize my landing page, my landing page is as below :

and the LeadImpact pop-up ad is showing 100% of my landing page content including the full image, headline, CTA, etc as below :

then after I centralize my landing page it has become as below which is what I want :

unfortunately, the problem happens right after I centralize my page as the Leadimpact pop-up ad will only show as below which is not 100% :

Now the question will be is there a workaround for this to solve this problem as to automatically centralize my page when people open a browser in a smaller size like the above example. I want to show my page "centralized" even if the user is opening the page with a smaller size windows like the Leadimpact pop-up ad mentioned above.

I hope that this time I’m clear enough with this, I believe there might have a solution to this problem.

Any help or inputs from you guys will be very much appreciated.

Thank you so much!

User Comment:
I coded it up for you using a single image.

Just copy the source from there.

If you want to slice it will require some more work.

User Comment:
Hey Besmir, thanks a lot! Anyway, is this line in CSS doing the trick?

margin:0 auto;

So I just need to put in this line into my CSS body when I use the software to build the landing page from scratch again I believe?

Thanks once again!


User Comment:
Yes , you need to place margin : 0 auto; and a width in pixels on the body.

However make sure you dont use absolute positioning in your elements ( imgs etc ) otherwise it wont work.

User Comment:
Alright, totally got it and fully understand now!

You rock bro!

Thanks once again!

User Comment:
This took me a couple of hours to figure out, but make sure you start your document with the line

HTML Code:
<!DOCTYPE html>

A great way of checking the behavior of your webpage in various browser, especially for guys like me on a mac, is by using the Adobe browser lab (

The Article Published IN 06-15-2011 03:22 PM

Share To More ()