View Full Version : scrolling window within the main page
DagGz
February 5th, 2005, 01:00 PM
I'm looking to create a page with a fixed background which ive done no problems. The thing is i would like the text to be positioned in a certain area and to be in a scrolling format. I cant really explaion this very well so heres an example.
www.teamphotoshop.com
im persuming its some sort of frame but i dont know how they got the positioning like that.
im also hoping that i will be able to make the background transparent.
it doesnt have to have a scroll bar just as long as there is some methon of scrolling. i.e buttons somewhere else on the page that you hover over or click to scroll up or down.
thanks in advance
degsy
February 5th, 2005, 04:13 PM
Doesn;t have to be a frame or i-frame.
It can be a DIV with the Overflow set to Scroll.
http://www.degs.co.uk/test/cyber/overflow.htm
http://www.degs.co.uk/test/cyber/scroll-areas.htm
faction688
February 7th, 2005, 03:04 AM
Yeah the code <iframe src="http://www.source.com"></iframe> will get you one just like teamphotoshop... You can change the background by useing the standard background tag... I beleive there is a way to make the background transparent but I really don't know how... The border can be turned off by useing border="0" as a subproperty.
To center it like that they used simple tabels without borders. You could also surround it with <center> tags...
Here (http://www.dyn-web.com/dhtml/iframes/) is a simple tutorial on iFrames...
-Faction
DagGz
February 9th, 2005, 12:08 AM
ok thanks for the replies so far. ive got the idea and now have it working the way i want....too an extent!! now i have another problem. i have made my website in photoshop and sliced the images acordingly so i can link them. the links that are clicked then load into the iframe. however because i created my website in photoshop i need to position the iframe exactly to fit with the page design.
first off what i did was create a layer and then insert the iframe into that layer to position it where i wanted. now this is perfect if everyone uses 1024x768 resolution and always have their web browser fully maximised (which obviously isnt the case). the problem is layers stay put, so if i shrink my web browser or even change resolution, the layer along with the iframe stays put, while the rest of the document moves, thus the iframe not being in the correct position acording to my design. so now my problem lies in the fact that i need someway of positioning my iframe where i want but without it moving between resolutions.
i hope ive explained myself clearly, cuz its kinda awkward..
thx in advance
stu
Spider
February 9th, 2005, 04:22 AM
Can you post a link to the site? Is it up on the Web?
If we can read the code and see the page then applying your words to those two things makes it easier for everyone.
degsy
February 9th, 2005, 04:24 AM
Don't use absolute positioning.
just insert the Iframe code or Div into the existing space
DagGz
February 9th, 2005, 08:59 AM
www.thebredbin.tk
havent got time to try degsy's suggestion at the moment, but will when i get home form work.
Spider
February 9th, 2005, 02:24 PM
You have this...
<body bgcolor="#D1E1FF">
<div id="content">
...if you put this instead...
<body bgcolor="#D1E1FF">
<p align="center">
<div id="content">
...it should do what your after.
I did a similar thing for a customer here (http://www.davidellisbookseller.com), you can look at that for help if you want.