Closed Thread Icon

Preserved Topic: More Positioning Questions Pages that link to <a href="https://ozoneasylum.com/backlink?for=17713" title="Pages that link to Preserved Topic: More Positioning Questions" rel="nofollow" >Preserved Topic: More Positioning Questions\

 
Author Thread
Waveslidder
Obsessive-Compulsive (I) Inmate

From: Simi Valley, California, USA
Insane since: Apr 2000

posted posted 04-23-2000 14:53

Im working a page inspired by doc ozones Dream Page. (which I thinks is the best page of the entire site)this page uses Dhtml. the div tag and scrolling.It is also in a frame for the navigation interface. The problem lies in variable browser size. which throws off the positioning. Is there a code that will resize and keep everthing centered? http://www.wavewebs.com/aboutframe.htm
Thanks,
Waveslidder<P>

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 04-26-2000 15:09

I'm not exactly sure what the problem is. The only problem that I see is that the text goes out to the right of the scroller, which can probably be fixed by a "width" style-sheet attribute for the div tag. But this doesn't seem to be the problem that you're describing. Is it?<P>----------
See? Teen guys are interested in more than just girls and food. JavaScript is cool too.

Waveslidder
Obsessive-Compulsive (I) Inmate

From: Simi Valley, California, USA
Insane since: Apr 2000

posted posted 04-27-2000 14:47

The Problem here is screen resolution or browser size will throw the centering off.
does any one know of some code I could add to check the screen size of the browser and re center everything?
-=Wave

bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

posted posted 04-28-2000 00:24

Okay this isn't really a centering problem with a resize. The thing is that your container DIV is positioned absolutely. (Not centered.<P>The page isn't that wide, I'd probably recommend just positioning everything absolutely it just gives you more control.<P>I've got an example of this at www.bitdamaged.com/testpages/about3.htm

Waveslidder
Obsessive-Compulsive (I) Inmate

From: Simi Valley, California, USA
Insane since: Apr 2000

posted posted 04-28-2000 01:41

Thanks Bitdamage whatever it is you did worked. Did you use absoulte positioning left
or what?
-=Wave

bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

posted posted 04-28-2000 18:39

Yeah, <P>Here's the changes to the HTML
First in the style tags at the top I added this:
#beachback{position:absolute; top: 11; left: 80; z-index:1;}<P>I also added z-index tags to the other Divs to get everything to layer correctly. The positioning was just tweaking I just played with the top and left tags until everything lined up properly.
I had to name the Div something so that the style knows where to apply the info. It's important to put the style info in the top because if you put the style info in the DIV tag (i.e. <DIV ID="whatever" style="etc."> Netscape won't recognize it.<P>Then I just named the DIV in the body of the page.
<DIV ID="beachback">
<table border="0" align="left">
<tr>
<td>
<center><img src="lapnav/pageheaders/bio.gif" WIDTH="183" HEIGHT="82"></CENTER>
</td>
</tr>
<tr>
<td>
<img src="pagelables/beach1.gif" WIDTH="379" HEIGHT="239">
</td>
</tr>
</table>
</DIV><P>and added the center tags (you can look at your old code for the differences they are slight).<P>Oh yeah you may want to remove the <BASE HREF> tag at the top if you put this on your own site I just put that in so I can see everything right.<P>This was the easy fix. You could center everything but it becomes a little code heavy. I'll tell you the gist of it though and you can try to get it to work. What you could do is write a script that runs on page load and a browser resize that detects the size of the frame. Then you take half of this number and you now have the number in pixels of where the center of the page is. Then you should know the width of the center container and the background of the center.
Split this in half and subtract that number from the center postion. you now should have the "left" positions of the container and the background that would center the DIVS.<P>peace <p>[This message has been edited by bitdamaged (edited 28-04-2000).]

« BackwardsOnwards »

Show Forum Drop Down Menu