PDA

View Full Version : Page wont Scroll

angelivion
06-17-2003, 03:23 AM
My page just wont scroll! Can someone tell me my mistake? Please?

http://www.geocities.com/kindaichi_fanlisting/sympathy/try.html

This is the HTML code:

<html>
<head>
<title>aGAIN and aGAIN [-v13 UPSIDEDOWN-]</title>
<link rel="stylesheet" href="dream.css" type="text/css">
</head>

<script language="JavaScript1.2">


var ns6=document.getElementById&&!document.all?1:0

var head="display:''"
var folder=''

function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:do cument.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}

//-->
</script>

<body topmargin="0" leftmargin="0" rightmargin="0">

<div style="right:0px;position:absolute;bottom:0px">
<img src="layout.gif">
</div>


<div dir="ltr" style="right:233px;position:absolute;bottom:130px">
<table cellpadding="0" border="0">
<td width="290">

<p>
<b>June 17</b> || 0943: 13th Sorrow <br>
<img src="icon_music.gif"> Big Bruvaz - Favourite Things

<p>
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.

I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.

<p>
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.
I'm trying to make this work but it just wont.


<p align="center"><img src="layoutbr.gif">

</td>
</table>
</div>

<DIV dir="ltr" style="right: 560px; POSITION: absolute; bottom: 49px">
<table cellpadding=0 border=0>
<td width=200>

<h6 onClick="expandit(this)">Nysa</h6>
<span style="display:none" style=&{head};>

likes this and that. do you even care?

</span>

<h6 onClick="expandit(this)">Frozen Sympathy</h6>
<span style="display:none" style=&{head};>

it's the name of my site. why? does it bother you?

</span>

<h6 onClick="expandit(this)">Network</h6>
<span style="display:none" style=&{head};>

<p> « My Other Sites »

<p>
<a target="_blank" href="http://www.geocities.com/luv4mitsui"><img border="0" src="notes.gif"></a> <a target="_blank" href="http://carnival3n.tripod.com"><img border="0" src="carnival3n.gif"></a> <br>
<a target="_blank" href="http://luv4mitsui.tk"><img border="0" src="crush.gif"></a> <a target="_blank" href="http://killuafan.tk"><img border="0" src="hope.gif"></a> <a target="_blank" href="http://scented.tk"><img border="0" src="scented.gif"></a> <a target="_blank" href="http://sd-allstars.tk"><img border="0" src="power.gif"></a> <a target="_blank" href="http://kindaichi.tk"><img border="0" src="trust.gif"></a>

<p> « Contact Me »

<p>
<img src="icon_msn.gif" alt="MSN"> <a href="mailto:y_cbadgurl@hotmail.com">y_cbadgurl</a> <br>
<img src="icon_mail.gif" alt="e-MAIL"> <a href="mailto:angelivion@hotmail.com">hotmail</a> <br>

<p> « Misc Stuff »

<p>
<img src="icon_board.gif" alt="FORUM BOARDS"> <a target="_blank" href="http://just-a-phase.co.uk/inori/forum" title="magic1412">#</a> <a target="_blank" href="http://www.toophat.com.my/phatforum" title="Queen_of_Shadows">#</a> <a target="_blank" href="http://www.lissaexplains.com/forum" title="angelivion">#</a> <a target="_blank" href="http://www.lisalove14.com/forums" title="magic1412">#</a> <br>



</span>

<h6 onClick="expandit(this)">Wishlist</h6>
<span style="display:none" style=&{head};>

phooeey! like you'll even try to fulfil them!

</span>

</td>
</table>
</div>

</body>
</html>

While this is the external CSS code:


A:link { text-decoration: none; color:#963519; font-weight:bold }
A:visited { text-decoration: none; color:#963519; font-weight:bold }
A:active { text-decoration: none; color:#963519; font-weight: bold }
A:hover { text-decoration: underline-overline; background-color:#E7AF98; color:#FFFFFF; cursor: n-resize; FILTER: blur(add="1",direction="90",strength="7"); height:2px;}

body {
background-color: #FFFFF3;
background-image:url('layoutbg.gif');
background-position: right top;
background-repeat:repeat-y;
font-family: verdana;
color: #000000;
letter-spacing:1pt;
font-size:10px;
text-align:justify;
direction:rtl;
scrollbar-face-color : #000000;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #000000;
Scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #FFFFFF;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFFFF3 }

input {
color:#000000;
background-color:#694E8B;
font-size: 9px;
font-family:verdana;
border:solid 1px #cccccc;
line-height:10px; }

td {
font-family:verdana;
font-size:10px;
color:#CC8C5C;
text-align:justify; }

b {
font-size:11px;
color:#E7AF98;
font-family:tahoma; }

h6 {
filter:glow(color=#E7AF98, strength=3);
width: 100px;
font-weight:bold;
font-family: verdana;
line-height:20px;
font-size:14px;
color:#FFFFFF; }
-->
</style>

An advanced thanks to those who can help me...
JoshHartnettGrl
06-17-2003, 03:58 AM
I'm not sure if this might be a problem but are the CSS codes properly "opened" (if you know what I mean). Great layout, by the way.
pb&j
06-17-2003, 04:22 AM
try adding this to the main DIV tag...
overflow:auto;

so it will be like...
<div dir="ltr" style="right:233px;position:absolute;bottom:130px;overflo w:auto;">

or that may have to be "styled" into the HTML tag itself and/or BODY tag.
angelivion
06-17-2003, 06:43 AM
JHGirl: I think you meant if the CSS is really able to work, well, it does. It applies well on my tables, links etc.

pb&j And, about the overflow:auto; code, urm, after I typed that in the body of the page, the scrollbar is gone. When I typed it in the DIV code, it stays the same, not being able to scroll. Thanks for suggesting though!
ElderShadow
06-17-2003, 07:30 AM
Your saying your scroll bar just uhh packed up and ran away?
angelivion
06-17-2003, 10:22 AM
are you trying to make a joke...?

but in any sense, yeah. you can almost say that it's completely gone, out of sight. i know that usually happens when the page doesn't need to scroll after using the body autoflow. and for some reason, my page was made to not being able to scroll although it should be scrolling.

and about the layout itself. maybe you can tell it from my code, but i'll just explain anyway. i'm trying to make it upside down. the more recent posts will be at the bottom, and as you click the folding menu, it'll go up instead of down. i think it has something to do with the div layer code (maybe i should be adding some other command), and that's the part i'm totally blank about.
angelivion
06-17-2003, 10:48 AM
guess what? it scrolled! i just changed the code in the div layer from bottom:1px to top:1px. then...... well. another problem aroused. the image wasn't supposed to move.. but it.. well.. just take a look for yourself.
lefty
06-17-2003, 01:20 PM
Because of the setup of your page, your background image will scroll if the page scrolls. The only way to fix that would be adjust your coding, maybe make all your information inside a div? I don't know, you just need something so the entire page won't scroll.

Also, with the overflow:auto code, the scrollbar won't appear unless it has to. ;)
angelivion
06-18-2003, 12:22 AM
the thing is though, i positioned the image to be at the bottom right. it's a wonder why it moved up as i scrolled.

when you say keep all the information inside a div, meaning, using tables and just position it using one div layer code?..

hmm.. might work.

and the autoflow code: but it should be scrolling! oh well.
angelivion
06-18-2003, 10:05 AM
whee!! got it! thanks to the people who have replied to this topic! *hugz*