Loading Order

GoldNetX · 07-13-2004

I've got my centering problem almost figured out, but now a new one arises.

After some testing it seems that the last thing to load in the browser is javascript. This creates a problem because the page uses javascript to calculate the center and reposition itself. My question is if anyone knows a work around for this, or someway to alter the load order of the webpage.

Thanks for any help.

Frank Jaeger · 07-13-2004

There's no need to use any javascript. The easiest solution to this would be to create a class as follows:

Code:

.EDIT { margin: 0px auto 0px auto; width: EDIT; }

What you do would be to to edit the value shown to match your needs. Figure out your largest width value and insert it into the above class. Make sure to take any padding or margins into consideration. Then do something along these lines:

Code:

<body>

<div class="EDIT">

CONTENT

</div>

</body>

That should solve all your problems of centering.

Order · 07-13-2004

I find Javascript to be a blocky, bloating feature, it can be lean and mean, but why use it to figure out widths and heights, when you can focus on set widths and heights.

When designing a page, focus on it fitting in a 800x600 window, the 600 can be larger, since it is height, but no wider then 800 at its most.

GoldNetX · 07-13-2004

I tried what you said at first Jaeger, but the problem is that only some of my pages have vertical scrollbars, and the page slightly jumps to the new center when the user goes to a pages with a vertical scrollbar.

I was using javascript combined with css to find a center value based on the viewers resolution and use absolute coordinates to set it to the center.

I've tried using the overflow : scroll css thing but that isn't compatible with browsers, other than IE, and I have yet to find a way to correctly keep vertical scrollbars always on in other browsers.

As a side question, is there anyway to pass javascript values to php or pass php values to css?

Order · 07-13-2004

PHP values to CSS would be simple enough, keep your css in your documents (not in a seperate .css file, then you can place variables like so in your css:

Code:

.class {width: <?= $phpvar; ?>;...}

That is untested, but may work.. :\

GoldNetX · 07-13-2004

Alright, I got a solution to the problem. I now use my Gateway/Entrance page to calculate the horizontal offset via javascript, which then writes a link to my main page passing the value through the url. PHP then grabs the value and puts it into the css before anything is loaded, so it is always centered; this value is then passed through each url to maintain the center position.

Also using a check in the begining to see if the x offset is set, if not it re-directs back to the Gateway/Entrance.

Just incase anyone was wondering.

Order · 07-14-2004

sounds quite over-complicated, but whatever floats your boat.. *shrugs*