Page 1 of 1

Right Side Content

Posted: Tue 21. Jun 2005, 14:40
by Tim.
I originally had my site layout like this:

Image

So I decided to add a scrolling marquee on the right side of the text. This is what I have set. (The only thing I changed was changing 'Right' from 1 to 200)

Image

This is how it now appears:

Image

I want the scrolling marquee to appear on the right side, after the content of the main area. However, I want it to appear along the same spot, no matter how wide the content is. That way the content section always takes up the same width, and the right content is always after that width. How can I get this desired effect?

Posted: Tue 21. Jun 2005, 16:00
by brans
hey man: one off-topic hint:

http://gaim.sf.net a great tool that lets you use nearly all instant messengers at the same time, it saves a lot of ressources and works fine for me for a long time.
download gaim


Try to make it easy and place the following code somewhere inside your template:

Code: Select all

<div style="position:absolute; right:200px; bottom:300px; width:200px; height:15px;"> Your marquee code goes here </div>
don`t change anything to your template and play around with the right and bottom value until your marquee is at the place you like it to be. If right and bottom don`t work, then just replace them with left and top.

Posted: Tue 21. Jun 2005, 16:00
by brans
sorry for double post.

Posted: Tue 21. Jun 2005, 17:08
by Tim.
Thanks. I was hoping to set it up using the backend admin pannels instead of resorting to HTML.

The issue with this format is, it moves based on browser window size. I want the marquee placed in the same location on the page reguardless of browser window size. (IE: You scroll to the right to see it if your browser window is smaller)

Posted: Wed 22. Jun 2005, 21:50
by Tim.
Sorry to bump, but I could really use some help.

Posted: Thu 23. Jun 2005, 13:59
by Tim.
Ahem..Bump.

Posted: Thu 23. Jun 2005, 15:18
by Kosse
Try with a div css:

#mymarquee {
position: absolute;
top: xxx px;
left: xxx px;
}

or:

#mymarquee {
position: fixed;
top: xxx px;
left: xxx px;
}

just test the results and see what you prefer

then put your marquee in the

<div id="marquee">
your_marquee
</div>

Posted: Thu 23. Jun 2005, 21:24
by Tim.
Same effect. Still pushes the center content to the left.

I found the problem though. I forgot to set the All Blocks field to include the extra 102 picels I added to the right. Thanks anyway.