Question

I’ve got a popup window that is enabled the following way:

<input type="button" value="S&ouml;k" onClick="getElementById('popupD').style.display=''">

The relevant DIV is

<div class="popup" id="popupD" 
<% if(!showSearch) { %>
style="display: none;"
<% } %>
>
<%@ include file="handlaggarelist.jsp" %>
</div>

The popup appear but too high up on the page. The CSS for the popup is

.popup{
    border-color: #000; 
    border-style: groove; 
    border-width: 2px; 
    padding: 0px; 
    background-color: #FFF;
    font-size: 70%;
}

Can you help me position the popup since otherwise it appears at the top of the page?

Thanks

Answer 1

You can position your popup absolutely on the page with something like this:

.popup{
    border-color: #000; 
    border-style: groove; 
    border-width: 2px; 
    padding: 0px; 
    background-color: #FFF;
    font-size: 70%;
    position: absolute;
    top: 200px;
}

That will make the popup appear 200 px from the top of the page.