#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2009
    Location
    Atlanta, GA, USA (unfortunately)
    Posts
    59
    Rep Power
    6

    Smile When Submission Form Activated, #invalidemail Moved out of Position


    Hello all,

    On my landing pages when the user submits an e-mail address in the bottom e-mail box, I have equipped a smaller div box under it (through lower z-index) with the i.d. of #invalidemail. When the div #submissionform and #blackoverlay divs are displayed through JavaScript, the #invalidemail div pops out of place roughly 50 pixels down the page. Check it out! Weird. I think this is a CSS question, so here are my styles:

    Code:
    #submissionform{
    	margin:0 auto;
    	background:url("lpsubmission.gif") no-repeat scroll 50% 0 transparent;
    	width:330px;
    	height:320px;
    	position:absolute;
    	display:none;
    	bottom:80px;
    	left:220px;
    	z-index:2;
    	padding:60px 10px 0 26px;
    	text-align:left;
    }
    #submissionform div{padding-bottom:3px;}
    
    #blackoverlay{
        display:none;
        position:fixed;
        top:0%;
        left:0%;
        width:100%;
        height:100%;
    	min-width:1171px;
    	min-height:1010px;
        background-color:black;
        z-index:2;
        -moz-opacity: 0.8;
        opacity:.80;
    	filter:alpha(opacity=80);
    }
    #invalidemail{background:url("invalidemail2.gif") no-repeat scroll 50%; width:140px; height:40px; position:absolute; top:35px; left:94px; z-index:0;}
    You should be able to view the full lp.css file on that link, of course.

    Thanks for the help & feedback!
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2009
    Location
    Atlanta, GA, USA (unfortunately)
    Posts
    59
    Rep Power
    6

    Red face


    Sorry, all. There's not much of a question here. The problem was that the live version is behaving properly while the XAMPP local server is wacky.

    Huh...

IMN logo majestic logo threadwatch logo seochat tools logo