I have the <div> which is positioned with the style tag shown (demo):
Is there any way that i can have the div automatically attached to the bottom of the browser and centered for each resolution.
Is there a way this can be done, can
JS not detect screen-resolution?
Code:
<style>
.demo {color:#000000; border-color:#666666; background-color:#FFCC00; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
layer-background-color:#cccccc; position:absolute; left:20%; bottom:0px; width:100%; height:100px; visibility:hidden; z-index:5; border-color:#FFFFFF; border:inherit;}
</style>
<div id="booking_details" class="demo" style="visibility:hidden">
<%
sTaxOutput_inf = formatnumber(sTaxOutput*33)/100
set rscontract = con.execute("SELECT id,contract_code,contract_title,airline FROM `net_contract` WHERE id = '" & contractId & "'")
'response.Write "SELECT id,contract_code,contract_title,airline FROM `net_contract` WHERE id = '" & contractId & "'<br>"
tempStr = ""
set rsairname = con.execute("SELECT AirlineName FROM `dbo_tp_airline` WHERE AirlineCode = '" & UCase(rscontract("airline")) & "'")
if (not rsairname.EOF) then
tempStr = trim(rsairname("AirlineName"))
end if
rsairname.Close
set rsairname = Nothing
%>
<table id="demodiv_t_Main" border="1" bordercolor="<%=brdColDark%>" width="100%" height="100" summary="The Booking Details for the journey - Outward and In ward flights">
<tr>
<td colspan="2">
<table id="bookings_heading">
<tr bordercolor="<%=headCol%>" bgcolor="<%=yelCol%>">
<td nowrap class="head2Fnt">ID: <%=trim(rscontract("id"))%> </td>
<td nowrap class="head2Fnt">Airline: <%=tempStr%> </td>
<td nowrap class="head2Fnt">Code: <%=trim(rscontract("contract_code"))%> </td>
<td nowrap class="head2Fnt">Title: <%=trim(rscontract("contract_title"))%> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="50%" valign="top">
<table id="bookings" class="demo_t" width="100%">
<tr bordercolor="<%=yelCol%>" bgcolor="<%=yelCol%>">
<td class="head2Fnt">Your booking Details:</td>
</tr>
<tr>
<td class="font4" bordercolor="#FFFFFF">
<b>Departing:</b>
<input type="text" class="font4" name="OutDispDate" value="" STYLE="text-align:right; background-color:<%=yelCol%>; border-width:0;" readonly />
<input type="text" class="font4" name="OutDispClass" value="" STYLE="background-color:<%=yelCol%>; border-width:0;" readonly />
</td>
</tr>
<tr>
<td class="font4" bordercolor="#FFFFFF">
<%
'... if the Journey is a 'One-Way' then DO NOT show the 'Returning Leg details'
if (oneWay) then
response.Write " "
else
%>
<b>Returning:</b>
<input type="text" class="font4" name="InDispDate" value="" STYLE="text-align:right; background-color:<%=yelCol%>; border-width:0;" readonly />
<input type="text" class="font4" name="InDispClass" value="" STYLE="background-color:<%=yelCol%>; border-width:0;" readonly />
<% end if %>
</td>
</tr>
</table>
</td>
<td width="50%" align="right">
<table class="demo_t" border="0" bordercolor="#000000">
<tr>
<td class="font4" bordercolor="#FFFFFF" align="right" nowrap>
<b><%=noa%> x Adult Fare of</b>
</td>
<td align="right">
<input type="text" class="font4" name="AdtDispCost" STYLE="text-align:right; background-color:<%=yelCol%>; border-width:0;" readonly size="10">
</td>
<td><b>plus Est. Tax</b>
</td>
<td>
<input type="text" class="font4" name="AdtDispCost_tax" STYLE="text-align: right; background-color:<%=yelCol%>; border-width:0;" readonly size="10"/>
</td>
</tr>
<% if CInt(noc) <> 0 then %>
<tr>
<td class="font4" bordercolor="#FFFFFF" align="right">
<b><%=noc%> x Child Fare of</b>
</td>
<td align="right">
<input type="text" class="font4" name="ChdDispCost" STYLE="text-align:right; background-color:<%=yelCol%>; border-width:0;" readonly size="10"/>
</td>
<td><b>plus Est. Tax </b>
</td>
<td>
<input type="text" class="font4" name="ChdDispCost_tax" STYLE="text-align: right; background-color:<%=yelCol%>; border-width:0;" readonly size="10"/>
</td>
</tr>
<% end if %>
<% if CInt(noi) <> 0 then %>
<tr>
<td class="font4" bordercolor="#FFFFFF" align="right">
<b><%=noi%> x Infant Fare of</b>
</td>
<td align="right">
<input type="text" class="font4" name="InfDispCost" STYLE="text-align:right; background-color:<%=yelCol%>; border-width:0;" readonly size="10"/>
</td>
<td>
<b>plus Est. Tax</b>
</td>
<td>
<input type="text" class="font4" name="InfDispCost_tax" value="<%=formatnumber(sTaxOutput_inf,2)%>"
STYLE="text-align: right; background-color:<%=yelCol%>; border-width:0;" readonly size="10"/>
</td>
</tr>
<% end if %>
<!--
<tr>
<td align="right" class="font4" bordercolor="#FFFFFF">
<b> Total Fare</b>
</td>
<td>
-->
<input type="hidden" class="font4" name="DispCost" value="0.00" STYLE="text-align: right; background-color:<%=yelCol%>; border-width:0;" readonly size="10"/>
<!--
</td>
<td align="right" class="font4" bordercolor="#FFFFFF" align="right">
<b>plus Est. Tax </b>
-->
<input type="hidden" class="font4" name="EstTaxDispCost" value="0.00" STYLE="text-align: right; background-color:<%=yelCol%>; border-width:0;" readonly size="10"/>
<!--
</td>
</tr>
-->
<tr>
<td colspan="2"> </td>
<td class="font4" align="right">
<b>Grand Total</b>
</td>
<td class="font4" align="right">
<input type="text" class="font4" name="GrandTotal" value="0.00" STYLE="text-align: right; background-color:<%=yelCol%>; border-width:0;" readonly size="10"/>
</td>
</tr>
</table>
</td>
</tr>
<tr bordercolor="<%=yelCol%>">
<td colspan="2" align="center">
<input type="button" onClick="javascript: return chk_frm('<%=combCl%>');" class="font2" onMouseOver='style.cursor="hand"' value=" Submit " />
</td>
</tr>
</table>
</div>
www.crmpicco.co.uk
www.crmpicco.co.uk.tt
www.milklemonadechocolate.uk.tt
www.griswolds.uk.tt
www.piccosmini.co.uk.tt
www.morton.uk.tt
JavaScript detect screen resolution
