Home > Design - Imagery, Banners & Landers > Landing Pages

Firefox Not Displaying Lander Correctly (4)


05-30-2013 08:55 PM #1 egan (Member)
Firefox Not Displaying Lander Correctly

For some reason, when I view my LP in Firefox it is not displaying equal margins around each side of the image in my wrapper tag.

Here's the CSS:

.wrapper{
background-color: #FFFFFF;
position:relative;
height: 620px;
width: 1000px;
margin-left: auto;
}

It works fine for both safari and chrome. Not sure where I need to go with this even though it's probably a simple solution.


05-30-2013 08:55 PM #2 egan (Member)

margin-right: auto; is in there as well


05-30-2013 09:46 PM #3 sielke (Member)

do you have the html? it seems to me you want to do something like

<div class="wrapper"><img src="myimage.jpg"></div> and you want the image to be centered with the background being white, like the image has a border...or are you trying saying the image should be centered on the page?

if its the border it should be something like
img { border: 5px solid #fff; } or something instead of making a wrapper or if you use a wrapper just do .wrapper { padding: 20px; background: #fff }

sorry I'm just guessing right now, not sure what you're really tring to do.


05-30-2013 11:27 PM #4 egan (Member)

Yea all good, I actually just figured it out. Just added div align="center" to the wrapper tag and it worked.


Home > Design - Imagery, Banners & Landers > Landing Pages