Centering Left Aligned Site In Browser?

Nov 4, 2009

I'm using a javascript to center my absolutely-positioned left-aligned site. However, it's not perfectly centered in the browser and I'd like to fix it. I set the width to 788px (embedded Div Layout CSS). Here is the link to the site: [URL]

Below is the javascript code:
window.onresize=positionPage;
String.prototype.trim = function() { return this.replace(/^s+|s+$/, ''); };
function positionPage(){
Width = 0;
if(window.innerWidth){
Width = window.innerWidth;
}if(document.body.clientWidth){
Width = document.body.clientWidth;
}Left = Math.floor((Width - 992) / 2);
if(Left > 0){
document.getElementById("Div-Layout").style.left = Left + "px";
}}
<!--
function MM_reloadPage(init) {
//reloads the window if Nav4 resized
if (init==true) with (navigator) {
if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW
|| innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->

View 2 Replies


ADVERTISEMENT

Code Not Aligned - Browser Does Not Support Script

Feb 14, 2009

How come when I add my code it doesn't place in on the page where its supposed to be it puts itself to the top of the page:
Code:
<script type='text/javascript'>
function Go(){return}
Menu1=new Array("<img src='images/mboardbtn.gif'>","http://","",0,20,122);
Menu2=new Array("<img src='images/suserbtn.gif'>","http://","",0,0,122);
Menu3=new Array("<img src='images/chatmailbtn.gif'>","http://","",0,20,122);
Menu4=new Array("<img src='images/historybtn.gif'>","http://","",0,20,122);
Menu5=new Array("<img src='images/locationbtn.gif'>","http://","",0,20,122);
Menu6=new Array("<img src='images/cidbtn.gif'>","http://","",0,20,122); .....
function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}
</script>
<noscript>Your browser does not support script</noscript>

View 1 Replies View Related

Centering Input Boxes - Auto Allowing The Content To Scroll Left And Right?

Jun 26, 2011

I have a div that is set to overflow auto allowing the content to scroll left and right. This is because the content I am putting in it (a series of input boxes) is considerably wider than the containing div. The way it sits, when I start in the first input box and continually tab to the other input boxes, the focus goes from the left of the screen to the right. Once it hits the input box to the right of the screen, some of the input box is hidden to the right. As I tab to the input boxes to the right, each one has a portion of the element cut off by the view window.

What I want to happen is when I start at the left most input box and tab over, as I reach the center of the viewable part of the container, I want the input boxes to continue to center themselves until I reach the last ones. I think that telling each input box to center itself in the visible window of the containing div as it gets focus would work, I just don't know if there is an easy way to accomplish this using javascript I am using the mootools framework if that helps my case any.

View 4 Replies View Related

Browser Compatibility For Centering Function

Jul 23, 2005

I have the following funciton that centers my website content for any size window and will center it in real time as the window is expanded or shrunk. It is activated by a

onresize="CenterIt();"

in the body tag.

Works fine for IE. How do I make it compatible with netscape and most browsers? Better yet, is there a good single source that explains how to write javascript to be compatible with all browsers? 766 and 435 are the width and height of my table that surrounds the website data defined so:

<TABLE id="Main" style="position:absolute; z-index:0; top:0; left:0;">

function CenterIt()
{
newOffsetWidth = 0;
newOffsetHeight = 0;
if (document.getElementById)
{
winW = document.body.offsetWidth;
winH = document.body.offsetHeight;
}
else if (document.all)
{
/*
What goes here????
*/
}
else if (document.layers)
{
/*
What goes here????
*/
}

if (winW > 766)
newOffsetWidth = ((winW - 766) / 2) - 10;
if (winH > 435)
newOffsetHeight = ((winH - 435) / 2);

if (document.getElementById)
{
document.getElementById('Main').style.left = newOffsetWidth;
document.getElementById('Main').style.top = newOffsetHeight;
}
else if (document.all)
{
/*
What goes here????
*/
}
else if (document.layers)
{
/*
What goes here????
*/
}

}
CenterIt();

View 6 Replies View Related

JS Script To Center Page Briefly Shifts Page To Left Before Centering?

Oct 26, 2009

I have absolutely positioned left-aligned elements that I'm attempting to center with javascript.The page briefly shifts to the left when the page is loaded before it centers the page.(I realize that this goal could be achieved with CSS alone but I am hoping for a cure for this javascript solution for now.)The javascript that I'm using is common.js, the onload command is positionPage(); and the div is DivLayout.I don't know if I need to adjust the div, javascript or both.how I can correct the shifting issue?Here is the link to view my issue: http:/tiny.cc/test176

Below is the javascript code:
window.onresize=positionPage;
String.prototype.trim = function() { return this.replace(/^s+|s+$/, ''); };[code]...........

View 7 Replies View Related

Have The Nav Menu At Left Be A Separate HTML Page That Only Have To Edit Once, And Then Have Repeated Throughout The Site?

Jan 13, 2010

Here is the preliminary design of a site I'm making in Adobe GoLive (CS2) in OSX Snow Leopard:I'm using CSS for the layout.What I'd like to do is have the nav menu at left be a separate HTML page that I only have to edit once, and then have repeated throughout the site.I achieved something similar with a javascript code I learned from a friend for the title and top menu of this site:The script on the ScorpioMartianus page looks like this:

<script language="javascript" type="text/javascript"
src="header.txt"></script>

The header.txt looks like this:

document.write('<center><p><img src="scorpiomartianus_titulus.jpg" alt="" width="597" height="200" border="0"></p><h2> <a href="scorpiomartianus.html">NOVA</a> · <a href="actadiurna.html">ACTA DIVRNA</a> · <a href="commcanalis.xml" target="_top"><img

[code]....

View 14 Replies View Related

Mouseover Verticle Menu - Building A Site With A Vertical Nav On The Left Of Page

Dec 27, 2010

Building a site with a vertical nav on the left of page. Text links. The problem I've been trying to work out is lets say I have 5 links

1. Pumps
2. Motors
3. Cleaners
4. Chemicals
5. Filters

Each link on mouseover, popups to the right and shows links to different pages within the site. example.. pumps. pops up the mouseover window and has 3 links to 3 different pumps, each on a separate pages. Where as the moters link may have 25 links to different kinds of motors etc.

[Code]....

View 5 Replies View Related

Site That Is 2500 Width So That When The Page Loads Can Either Scroll Right Or Left To View The Out Of Screen Material?

Nov 15, 2010

Im having a bit of an issue with a website im building for a band.The band want a site that is 2500 width so that when the page loads you can either scroll right or left to view the out of screen material...i cant find a way of the page loading centered...it is always loading to the far left and all i can do is scroll right...i have uploaded the site to http:[url].... for you to have a look at so you see what i mean.I origionally posted this thread in the CSS forum but was instructed this would be a Javascript issue.

View 1 Replies View Related

Image Panning - Across The Browser From Right To Left?

Aug 22, 2009

how I would have a series of images pan across the browser from right to left? For example, I have several different images of clouds and I would like them to do a simple linear pan from right to left. Every ten seconds, a new cloud would begin panning. How would I do this in JavaScript?

View 10 Replies View Related

X, Y Coordinates Of The Browser Top Left Corner In Interenet Explorer.

May 4, 2007

How can I retrieve x, y coordinates of the browser top left corner in
Internet Explorer?

In Firefox screenX/screenY are working as expected.

In IE, from MSDN :

screenLeftRetrieves the x-coordinate of the upper left-hand corner of
the browser's client area, relative to the upper left-hand corner of
the screen.

screenTopRetrieves the y-coordinate of the top corner of the
browser's client area, relative to the top corner of the screen.

So, screenTop will include titlebar height as well. Using that in
window.open will shift the window down.

View 1 Replies View Related

JQuery :: Using Left And Rightclick, Browser Contextual Menu?

Feb 11, 2010

I have an anchor I've bound a click event to. When you click it, it checks with "which" wether it was the left or the right mousebutton you clicked. That's all good but on a right click I also get the browsers contextual menu. Is there a way to disable that in the following code I'm using? I've tried return false which doesn't work...

[Code]...

View 5 Replies View Related

What Is My Browser Sending To The Host Site ?

Jul 20, 2005

I won't lie to you. I'm trying to get data from html source from a 3rd
party website. I'm NOT interested in stealing code,hacking,sending
spam or anything sinister like that. I just want the content that is
displayed but I need to get it automatically via VB. It's only
publicly available price information but I don't think the website
wants everyone to be scraping their info into a database.

Apart from the base URL, the site concerned navigates solely through
javascript functions and session variables. I suppose what I'm asking
is, is there anything out there that tells me (the syntax) of what my
browser is actually sending to a website when I click a javascript
toolbar/button/dropdown within IE.

View 1 Replies View Related

Detect When User Browser Goes To Another Web Site

Jan 14, 2007

Is there any way that an Apache server can recognise that a users browser has changed from your web site to another site. ie. is there a way of executing a CGI based on when the address bar no longer has your FDQN.
Would this be via Javascript [if possible?] or ???

View 3 Replies View Related

Cross Browser Dynamic Navigation For Site?

Mar 30, 2010

I am trying to find the simplest, most cross-browser friendly dynamic navigation for my site. I tried to use a CSS version (Suckerfish) and it worked ok but it destroyed the formatting I had. I would really like to implement this kind of dropdown on my main navigation so users don't have to click and wait for a page to load. If possible, I'd like very few lines of code. That's why the CSS option was good... there was very little javascript.

View 7 Replies View Related

Codes Stopping Browser From Showing The Site Correctly?

Feb 22, 2011

The Javascript that I have included in my php created site is

<script type="text/javascript">
$(window).load(function(){
setHeight();

[code].....

View 2 Replies View Related

Auto Browser Re-sized On The Site Loading / Refreshing - Safari?

Jun 29, 2010

Not what i would like but the client wants the browser re-sized on the site loading/refreshing... Been using the following and it works fine.... apart from in Safari. how i can get it working in Safari, or no chance?

Code JavaScript:
$(document).ready(function() {
window.resizeTo(1152, 866);
});

View 6 Replies View Related

Disable Only The Horizontal Scroll Bar In A Browser Window On A Site With Frames?

May 11, 2004

if there was a script to disable only the horizontal scroll bar in a browser window on a site with frames?

View 7 Replies View Related

Drag And Scroll Images Aligned In Grid

Jan 10, 2010

What I am looking for is to have a database hold a list of images ( or numbers that correspond to images)... that should be easy enough. The part I am having trouble with is having these images aligned in a grid which is inside a window /frame/ box on the web page. The user can click and drag and it will move around this collection of images.....

Like so (numbers represent images):
5 4 3
6 1 2
7 8 9
So if the user clicked and dragged to the right the images would then look like:
4 3 12
1 2 11
8 9 10
The new images are taken from the database and the user can drag in any direction.

View 8 Replies View Related

Continuous Reel Slideshow Not Aligned In Center

Nov 24, 2010

I have two questions:
1) When you check my page you can see the slideshow not being aligned in the center at all but being left-aligned. Is there a way to nicely center the photos in the frame instead of them being left-aligned? Is this css related (I have set the containing div of my slideshow to float:left)?
2) I have the script from here. How can I create another slideshow with different pictures? Is this the instance they are talking about - but how can I enter different URL's?

View 3 Replies View Related

JQuery :: Create Bar At Bottom Of Browser Window That Doesn't Reload When Navigate Through Site?

May 8, 2010

Does anyone know how it would be possible to create bar at the bottom of the browser window that doesn't reload when you navigate thru the site. A good example is the chatbox that Facebook has. When you click links throughout the site the chat box is constant and doesn't reload.

View 1 Replies View Related

JQuery :: Menu Items - How To Show Down Link And Aligned

Jul 26, 2009

I'm trying to make a menu with jq and I create some function but not work as I want.
Js file:
function EBID(k) {
return(document.getElementById(k));
} function hideMailMenu(e) {
var mailMenu = EBID('mailMenu');
mailMenu.style.display = 'none';
} function showMailMenu(e) {
document.onmouseup = hideMailMenu;
var mailMenu = EBID('mailMenu');
mailMenu.style.left = e.clientX + 'px';
mailMenu.style.top = e.clientY + 'px';
mailMenu.style.display = '';
}

HTML:
<a href="#" onclick="showMailMenu(event);"> Menu option</a>
<div id="mailMenu" class="mailMenu" style="display:none;position:absolute;left:0px;top:0px;">
some items
</div>
This show where I click not aligned above the link. How I do to show it down the link and aligned?

View 1 Replies View Related

How Can I Make A Dorp-down List Text Centre Aligned

Feb 11, 2005

I want to make the drop-down list text aligned centre.

View 3 Replies View Related

JQuery :: Slide The Images In Accordion Form Left To Right And Right To Left With Minimum Time Frame(delay)?

Feb 19, 2011

is there any feature to slide the images in accordion form left to right and right to left with minimum time frame(delay)?

View 1 Replies View Related

JQuery :: Create A Site That Allows For Images To Go Full Browser And Then Have The Ability To Have The Other Images Slide In Based On A Click?

Mar 9, 2010

I prefer jQuery over flash and not sure how to tackle this, so please advise as best you can. Trying to create a site that allows for images to go full browser and then have the ability to have the other images slide in based on a click.

I also want to float a menu that will allow it to pull in other media (video, that would slide in the same way). The best example I can share is this: http://j.mp/5U79i1 What he is using is flash based (slideshowpro director and slideshow pro for flash). Not interested in flash for this personal project.

View 2 Replies View Related

Deny Exit From Site, Or Force Exit In New Browser Window

Oct 2, 2002

i've got a bunch of webaplications in use that the users have open in a browser all day. and so far every thing is perfecto. my problems start when the user during the day get emails with links in them... being humans they click those links and some times they "loose" the webaplication from the original browser. this also happens of course when they use their bookmarks etc.

what i would like is to include a javascript that forces a new browser window wtih the new url & leaves the original site as-is if a url is sent to the browser.

View 3 Replies View Related

Centering A Div

Nov 22, 2005

I have a bit of code that unhides a div and then loads an image into it.

What I would really like is to have that div center on the users screen.

How do I go about doing that?

function unHide(ImgSrc) {
var newsrc = document.getElementById('enlargedImg');
var newWin = document.getElementById('divOpen').style.visibility = 'visible'
newsrc.src = ImgSrc;

}

View 3 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved