Hi Jon
I would like the main content which is contained in tables to be centered on
the users screens, but I am having problems as stated earlier
I am using
<div style="position: absolute; left: 1; top: 0; height: 941; width: 781;
id="logooo">
with the script at the end of this email to try to achieve this, and yes it
does center the page for me. However if I open the history bar in IE or
view at 800x600 etc the alignment(positioning) of the hiermenus is out and
so to is this element of the page below >>>
Why is this happening, why does'nt is stay in its specified position ???
<div id="presscont" style="position: absolute; left: 158; top: 295;
visibility:visible; height: 246; width:301">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:
collapse" bordercolor="#111111" width="301" id="AutoNumber11">
<tr>
<td height=17 bgcolor=#003063 colspan="2" width="300"
background="/images/intranethomepage/docbg.gif">
<font class=modnom> <a href="##" class="modnom"
onmouseover="hideLayers('presscont'); self.status = 'PRESS RELEASES'; return
true">
Press
Releases </a> &nbs
p; </font>
<font class=modnom1><a href="##" class="modnom1"
onmouseover="hideLayers('empnewscont'); self.status = 'NEWS'; return
true">Employee
News</a>
</font><font class=modnom>
<img border="0" src="/images/intranethomepage/warrow.gif"
align="middle" width="6" height="7">
SELECT</font></td>
</tr>
<tr>
<td width="300" colspan="2">
<img border="0" src="/images/intranethomepage/wnewdiv.gif"
width="1" height="4"></td>
</tr>
</table>
</div>
And this is how I specify the position of the hiermenus
// Pixels from left edge of browser
var currentPosition = 6;
// ###############################################################
// Best Value
HM_Array1 = [
[,currentPosition,topPosition],
["Best Value Introduction","/bestvalue/bvintro.cfm",1,0,0],
["Contact Us","/bestvalue/bvcontactus.cfm",1,0,0]
]
currentPosition = currentPosition + 94;
--------------------------------------------------------------------------
----- Original Message -----
From: "Jon Hall" <[EMAIL PROTECTED]>
To: "CF-Talk" <[EMAIL PROTECTED]>
Sent: Friday, August 02, 2002 9:53 AM
Subject: Re: Using CF, DIV's with Pixel Positioning
> I'm not exactly sure what you end goal is so let me know if I'm
> assuming wrong, but you want to relatively position your main content
> (centered), but you are absolutely positioning your nav dropdowns?
> Is your nav inside the content box div? If not, then yeah it's going
> to get misaligned.
> I also don't see the need for javascript to do the positioning unless
> you are centering vertically as well. If you are doing vertical
> centering, I'm, not sure doc.write is the best way though. You could
> simply adjust the height style with javascript.
>
> If you are just positioning horizontally, why not make a 100%/100%
> div, do a div aligned center for your content, and absolutely position
> your nav div inside that? then you have total control of where it
> goes, and it will stay aligned with the content div.
>
> I did a little example in case my explanation makes so sense, and I
> love playing around with designs late at night, or morning as the case
> may be.
>
> <style type="text/css">
> div#container {
> height: 100%;
> width: 100%;
> top: 0px;
> left: 0px;
> background-color: black;
> //could use text-align: center here instead of
> //align="center" in the tag.
> }
>
> div#content {
> height: 500px;
> width: 777px;
> top: 0px;
> background-color: white;
> position: relative;
> }
>
> div#nav {
> position: absolute;
> top: 0px;
> left: 0px;
> height:20px;
> width: 100%;
> background-color: green;
> // Total control over positioning of nav since it's absolute
> }
>
> body {
> margin: 0px;
> }
> </style>
>
> <div id="container" align="center">
> <div id="content">
> <div id="nav">Stick Heirmenus in here</div>
> </div>
> </div>
>
> this will not look right in ns4 without some tweaking.
>
>
> --
> jon
> mailto:[EMAIL PROTECTED]
>
> Friday, August 2, 2002, 3:41:37 AM, you wrote:
>
> IV> Hi
>
> IV> I wish to center my tables if the screen resolution is above 800x600,
> IV> if it is 800x600 it will be a full screen, based using
>
> IV> <div style="position: absolute; left: 1; top: 0; 777; id="logooo">
>
> IV> and the javascript file below, all this works, apart from one thing, I
> IV> am using HierMenus, using pixel positioning for the position of the
> IV> drop downs. ..e.g however these are all out of alignment when I am
> IV> using the above div to center the table.
>
> IV> Has anybody on this list seen anything like this before, and any
> IV> ideas for a solution?
>
>
______________________________________________________________________
This list and all House of Fusion resources hosted by CFHosting.com. The place for
dependable ColdFusion Hosting.
FAQ: http://www.thenetprofits.co.uk/coldfusion/faq
Archives: http://www.mail-archive.com/[email protected]/
Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
